问答详情
源自:3-8 移动端项目开发——特效

transform: .p1_dengl .5s infinite alternate;/*.p1_dengl 0.5秒 反向 重复*/ 为什么是无效值啊

#page1 > .p1_dengl::before{

   position: absolute;

   top: 0;

   left: 0;

   bottom: 0;

   right: 0;

   z-index: 1;

   content: "";

   margin:auto;

   border-radius: 50%;

   width: 40vw;

   height: 30vh;

   background-color:#d60b3b;

   opacity: 0.5;

   box-shadow: 0 0 10vw 10vh #d60b3b;

   -webkit-box-shadow: 0 0 10vw 10vh #d60b3b;

   -moz-box-shadow: 0 0 10vw 10vh #d60b3b;

   -ms-box-shadow: 0 0 10vw 10vh #d60b3b;

   -o-box-shadow: 0 0 10vw 10vh #d60b3b;

   border: 1px solid #d60b3b;

   transform: .p1_dengl .5s infinite alternate;/*.p1_dengl 0.5秒 反向 重复*/

   -ms-transform:.p1_dengl .5s infinite alternate ;/* IE 9 */

   -moz-transform:.p1_dengl .5s infinite alternate ;/* Firefox */

   -webkit-transform: .p1_dengl .5s infinite alternate ;/* Safari 和 Chrome */

   -o-transform: .p1_dengl .5s infinite alternate ;

}


提问者:安然_10 2017-02-08 10:52

个回答

  • 飞雪1
    2017-02-08 18:02:33

    transform: .p1_dengl .5s infinite alternate;

    没有 点