搜狗浏览器,有没有成功的?

来源:9-1 CSS3 Keyframes介绍

着你追

2015-08-01 12:12

@-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;

}


写回答 关注

1回答

  • keiu
    2016-02-02 09:46: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以上

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242556 学习 · 2623 问题

查看课程

相似问题