I am trying to create a fade out effect for an image. It works in Chrome, but it does not work in Firefox.
Here is the code: http://jsfiddle.net/FTLJA/254/
(I really worked with jQuery, but it made the browser slow and flickering on Android phones, so I'm trying to use CSS instead.)
Thanks for any help.
Update: fixed .. check the link again
, ypu're WebKit ( @-webkit-keyframes -webkit-animation-...), , , WebKit, Firefox - -moz. 'blink', ... blink http://jsfiddle.net/FTLJA/261/
@-webkit-keyframes
-webkit-animation-...
-moz
'blink'
blink
- CSS CSS.
CSS , -webkit-animation-name , CSS.
-webkit-animation-name
, , CSS, . CSS, :hover JavaScript.
:hover
, , -webkit-animation, JavaScript, - setInterval .
-webkit-animation
setInterval
( , JavaScript , opacity 1 0 . CSS .)
opacity