Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
2.5k views
in Technique[技术] by (71.8m points)

Why are my CSS Keyframe animations not working in Chrome? They are working in FireFox

My CSS @Keyframe animations are working in FireFox, however, even with -webkit-animations and -webkit-keyframes they are not working in Chrome, what am I doing wrong?

Here is a codepen for easy viewing of the code: https://codepen.io/jmitchelreed/pen/vYXzMgv

    @keyframes yinLoop {
    from {
        rotate: 0deg;
    }
    to {
        rotate: 360deg;
    }
};

@-webkit-keyframes yinLoop {
    from {
        rotate: 0deg;
    }
    to {
        rotate: 360deg;
    }
};

img {
    width: 20%;
    animation: yinLoop 7s infinite linear;
   -webkit-animation: yinLoop 7s infinite linear;
}

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...