How can I create a fade effect of a fade image using CSS 3 transition?

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

+5
source share
2 answers

, ypu're WebKit ( @-webkit-keyframes -webkit-animation-...), , , WebKit, Firefox - -moz. 'blink', ... blink http://jsfiddle.net/FTLJA/261/

+14

- CSS CSS.

CSS , -webkit-animation-name , CSS.

, , CSS, . CSS, :hover JavaScript.

, , -webkit-animation, JavaScript, - setInterval .

( , JavaScript , opacity 1 0 . CSS .)

0

All Articles