सीएसएस ढाल मैं एनिमेटेड सीएसएस ढाल पृष्ठभूमि बनाने के लिए कोशिश कर रहा हूँ

Question

काम नहीं कर रहा एनीमेशन, मैं इस पृष्ठ पर ढाल के लिए सीएसएस पैदा कर रहा हूँ: http://www.gradient-animator.com/ यहाँ सीएसएस है:

body { 
background: linear-gradient(270deg, #18f0b8, #18a2f0, #db5640); 
background-size: 600% 600%; 
-webkit-animation: Gradient 60s ease infinite; 
-moz-animation: Gradient 60s ease infinite; 
animation: Gradient 60s ease infinite; 
@-webkit-keyframes Gradient { 
    0%{background-position:0% 50%} 
    50%{background-position:100% 50%} 
    100%{background-position:0% 50%} 
} 
@-moz-keyframes Gradient { 
    0%{background-position:0% 50%} 
    50%{background-position:100% 50%} 
    100%{background-position:0% 50%} 
} 
@keyframes Gradient { 
    0%{background-position:0% 50%} 
    50%{background-position:100% 50%} 
    100%{background-position:0% 50%} 
} 
} 

यह ढाल ठीक आउटपुट लेकिन यह इसे एनिमेट नहीं करेगा। क्या मैं कुछ भूल रहा हूँ? यहाँ बेला है: http://jsfiddle.net/9s9g6ktu/

Answer 1

हाँ .... आप अपने स्वयं के समझौते में अपने body सीएसएस खुल जाती हैं और अपने-फ़्रेम एनिमेशन के लिए मिल गया है। इस http://jsfiddle.net/9s9g6ktu/1/