码迷,mamicode.com
首页 > Web开发 > 详细

css动画

时间:2017-07-01 20:08:11      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:mat   nim   时间   form   css   精确   而在   格式   bsp   

css中的书写格式为:

animation: 定义动画的名称 每次动画时间 动画运行的次数;

而在定义动画时一般来说都有两种格式

定义动画写在css中 但是不能写在选择器里面

第一种是比较简单的定义

@Keyframes 这个动画的名称 {

    form{
        //从什么样的样式
    }
    to{
        //变成什么样的样式
    }
 }

第二种是比较精确的定义

@Keyframes 这个动画的名称 {
    0%{
        //从0%开始的样式
    }
    20%{
        //到20%时变成什么样
    }
    40%{
        //到40%时变成什么样
    }
    60%{
        //到60%时变成什么样
    }
    .........
    }

css动画

标签:mat   nim   时间   form   css   精确   而在   格式   bsp   

原文地址:http://www.cnblogs.com/qiu822/p/7103219.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!