Here is the example code: Linky
What I want to do is transition the color, background, and opacity. I works if i do:
transition: all .3s ease-in;
However when I try to do them individually none of them work. I’m thinking it’s syntax but I’ve already spent too long figuring it out, I’m hoping you guys can help me out.
It’s working. You have no transition values set for the hover state. But the elements all transition on MouseOut. Add transitions for the hover state if you want transitions there.
Unlike a lot of CSS, transitions require you to put the properties in both states, there’s no inheriting of transitions.
All I added was a transition for the hover….