5
हैलो मैं इस उदाहरण है, यह काम ठीक क्रोम और ओपेरा लेकिन फ़ायरफ़ॉक्स में काम नहीं हैCSS3 के एनीमेशन पृष्ठभूमि फ़ायरफ़ॉक्स पर काम नहीं
body {
width: 100%;
height: 100%;
background: url('http://www.picz.ge/img/s2/1505/17/1/1b588904a0d2.png');
-webkit-animation: mymove 10s;
/* Chrome, Safari, Opera */
-webkit-animation-iteration-count: infinite;
/* Chrome, Safari, Opera */
-moz-animation: mymove 10s;
-moz-animation-iteration-count: infinite;
animation: mymove 10s;
animation-iteration-count: infinite;
}
@-webkit-keyframes mymove {
from {
background: url('http://www.picz.ge/img/s2/1505/17/1/1b588904a0d2.png');
}
to {
background: url('http://www.picz.ge/img/s4/1505/17/b/b2c36d72aaa6.png');
}
}
@-moz-keyframes mymove {
from {
background: url('http://www.picz.ge/img/s2/1505/17/1/1b588904a0d2.png');
}
to {
background: url('http://www.picz.ge/img/s4/1505/17/b/b2c36d72aaa6.png');
}
}
@keyframes mymove {
from {
background: url('http://www.picz.ge/img/s2/1505/17/1/1b588904a0d2.png');
}
to {
background: url('http://www.picz.ge/img/s4/1505/17/b/b2c36d72aaa6.png');
}
}
आप इस जाँच करनी चाहिए http://stackoverflow.com/questions/17774188/css3-animation- - और उसके अस्पष्टता
डेमो बदल और-पृष्ठभूमि-छवि-इन-फ़ायरफ़ॉक्स –
आप इस वर्कअराउंड का उपयोग कर सकते हैं: - https://jsfiddle.net/4x3k7Lxy/4/ –
धन्यवाद कृपया मेरे प्रश्न का उत्तर दें और मैं स्वीकृति देता हूं :) –