satori83 — 2012-11-16T18:51:50-05:00 — #1
I am trying to make my nav icon fade in, but no matter what transition I try its just instant. Am I missing something?
ralphm — 2012-11-16T21:22:38-05:00 — #2
Works for me in Chrome. What browser are you testing this in?
satori83 — 2012-11-16T21:35:20-05:00 — #3
Firefox..your right, its fine in Chrome, but firefox and safari are no go. I put them all like this though...
-webkit-transition: all 2s linear;
-moz-transition: all 2s linear;
-ms-transition: all 2s linear;
-o-transition: all 2s linear;
also, after the ease in, is there a way to make it stick for current page without needing to declare it all again for that state?
ralphm — 2012-11-16T22:14:37-05:00 — #4
Seems Firefox can't handle this yet, as other discussions seem to indicate:
satori83 — 2012-11-16T22:22:26-05:00 — #5
Hmmm....that stinks. I really gotta learn jquery..lol. Thanks ralph.
paulob — 2012-11-18T14:17:51-05:00 — #6
You can do it for Firefox if you use opacity to fade the image in instead.
Here's an example but does need that specific structure to work.