I am fairly new to webflow but have done a few websites before with other packages.
I am trying to make images/links fade in through a mouse-hover. There are 4 divs with full-size (bgnd-)images for four links, that fade in and out as the mouse hovers and moves away.
I am wondering why the character of the fade changes after the image has appeared once? The first time around it pops on quite quickly, after that it does what it’s meant to do and fades in and out very nicely.
Does anyone have an idea how to solve this? It would be most appreciated.
Rudi, I suspect that it may be caused by your animations not having predetermined start values. And it may also be necessary for you to specify a z-index number on your image layers. Let me know if this fixes it or if you need further explanation.
That’s just it, thanks you guys! I didn’t know that you had to specify initial states for the interactions, I thought if you just set the class to their initial states from the get go, it would suffice. We live and learn.
The z-value doesn’t make a difference, but I added them just for neatness anyway. There’s nothing like tidy design and writing.