How can I make these “hover images”?

[Disparrel]

hello! I’m trying to make UI’s similar to these:

I’m wondering how this is possible to do? I’ve tried using image labels and hover images but for me it’s just not working. Any help or ideas is appreciated

[Brylan_Leske (Brylan)]

Describe what your wanting to accomplish further…

Almost any effect you can get by hovering, changing the background transparency, text color, image color, etc, will have to be done via some code…

local button = path.to.your.button

--mouse hovering
button.MouseEnter:Connect(function()
   --Apply effects ex.
   button.BackgroundTransparency = 0.5
   button.TextColor3 = Color3.new(0.1,0.5,1)
)

--no longer hovering
button.MouseLeave:Connect(function()
   --un-apply effects ex.
   button.BackgroundTransparency = 1
   button.TextColor3 = Color3.new(1,1,1)
)