搜狗瀏覽器，有沒有成功的？
@-webkit-keyframes changecolor{
? 0%{
? ? background: red;
? }
? 20%{
? ? background:blue;
? }
? 40%{
? ? background:orange;
? }
? 60%{
? ? background:green;
? }
? 80%{
? ? background:yellow;
? }
? 100%{
? ? background: red;
? }
}
div {
? width: 300px;
? height: 200px;
? background: red;
? color:#fff;
? margin: 20px auto;
}
div:hover {
? animation: changecolor 5s ease-out .2s;
}
2016-02-02
div:hover {
?animation: changecolor 5s ease-out .2s;
?-webkit-animation: changecolor 5s ease-out .2s;
?-moz-animation: changecolor 5s ease-out .2s;
?-ms-animation: changecolor 5s ease-out .2s;
?-o-animation: changecolor 5s ease-out .2s;
}
請設置為高速模式
或者將您的IE升級到9以上