The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Make CSS animations fade out when "un-hovered" Reply To: Make CSS animations fade out when "un-hovered"


That’s not exactly what I want though, I just used the box as an example but for the actual project I am working on I have a multicolored logo that I need to use hue-rotate on to achieve the color cycle effect. Also, in your example the box would go from on background to the other on hover, and then stay there until unhovered. What I am looking for is for the box to start at red and through all the hues until it get back to red continuously. As long as it is hovered, it should keep looping through all hues. However, if it is unhovered in the middle of cycling hues it should finish cycling until it gets back to red before stopping (or alternatively just transition back to red). This may be something that requires Javascript to get to work.