1
I have a button that’s like this:
And when I pass the mouse, I want it to stay that way:
Okay, for example, I can use:
.unidades:hover{background-position: center -49px;}
The problem is that then I can’t do an effect appear slowly, guy transition: all 0.5s ease 0.1s;
Is there any way to do that? if I use the background-position
seems to have an effect of fade, that’s not what I want.
When you say "appear slowly", it would be from invisible to visible, or "walking" from one image to another?
– bfavaretto
From invisible to visible, using the
transition
, example, which I put there. This works withbackground-color
, if I use withbackground-image
he doesn’t do.– Felipe Viero Goulart
background-image
is not a property that can be animated. You have to update the question with your own Markup to make some adjustment to it in order to simulate the animation.– Zuul
You talking that the
backgroound-image
can’t be excited, already solved my problem. I’ll have to do with Jquery, make adiv
, that when I hover over it, the other one appearsdiv
with the class ofhover
– Felipe Viero Goulart