CSS3 hoạt hình nền không hoạt động trên firefox

Question

Xin chào Tôi đã ví dụ này, nó làm việc tốt chrome và opera nhưng không làm việc trong firefox

check on fiddle

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'); 
    } 
} 

Answer 1

Bạn có thể sử dụng một: yếu tố giả để thêm một background-image và thay đổi opacity của nó

bản demo - https://jsfiddle.net/4x3k7Lxy/4/