CSS Transition Alternative

[cpyle0819]

Hi all. I’m looking for an alternative to the css transition feature. I currently have a div set up to transition from one color to another when I hover it in webkit browsers. This is fine and dandy except for Chrome (which has a bug) and IE (Which is, well, IE). So anything using CSS that would produce a similar effect would be fantastic.

This is what I currently have Site

And the nav bar on CSS tricks is a good example of what I’m trying to accomplish.
Thanks!

[cpyle0819]

Thanks, hoping to avoid JS so I might just settle on the transition not being there.

[joshuanhibbert]

Any particular reason you don’t want to use JavaScript? Using jQuery to run the animations would provide the browser support you are after.

[cpyle0819]

I’m actually a little timid around JavaScript. I did some research on it and found it to be quite intimidating. So, short answer, cowardice. :)

[joshuanhibbert]

I know the feeling! I’ve started learning JavaScript and jQuery and it’s much less scary than I first thought. I would recommend that you give it a shot. At worst, you can ask us!

Just keep in mind that for basic hover transitions you probably should just live with the Chrome bug, and the fact that IE doesn’t have great support for them. If this breaks your design, then you are designing incorrectly.

[Author]

Posts