猿问

抖动的css动画,为什么在IE上没有用?火狐,搜狗,猎豹浏览器都可以?为什么

@-webkit-keyframes change{

  0%{-webkit-transform:rotate(0deg)}

  10%{-webkit-transform:rotate(3deg)}

  20%{-webkit-transform:rotate(-3deg)}

  30%{ -webkit-transform:rotate(2deg)}

  40%{ -webkit-transform:rotate(-2deg)}

  50%{ -webkit-transform:rotate(1deg)}

  60%{ -webkit-transform:rotate(-1deg)}

  70%{ -webkit-transform:rotate(0deg)}

  100%{ -webkit-transform:rotate(0deg)}  

  }

.srock{

-webkit-animation:change 2s infinite;

}

<div class="main">

  <div class="box srock">

    <div class="zongzi"></div>

    <div class="s1"></div>

    <div class="zongzirou"></div>

    <div class="zuoye"></div>

    <div class="youye"></div>

    <div class="diye"></div>

    <div class="t1"></div>

    <div class="t2"></div>

  </div>


qq_05_0
浏览 1604回答 1
1回答

pardon110

你用的IE浏览器目前还不支持此新特性。
随时随地看视频慕课网APP
我要回答