首页 > 代码库 > css动画

css动画

css中的书写格式为:

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

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

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

第一种是比较简单的定义

@Keyframes 这个动画的名称 {

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

第二种是比较精确的定义

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

css动画