web前端入门速通-动画篇

一、css3过渡属性

transition: 要过渡的属性 花费时间 运动曲线 何时开始

1.要过渡的属性：例如宽度width，高度height等，如果全部属性需要过渡，则填all

2.花费时间：比如1s 2ms

3.运动曲线：默认ease（先快后慢） 匀速linear

4.何时开始：即滞后时间

二、css3动画

1.动画的定义

@keyframes move{
    0%{这里填你此时的样式}
    50%{}
    100%{}
}
//keyframes意思为关键帧，这个定义了你在0%，50%，100%分别是什么样式
//根据需要你可以将动画分解成任意分段，比如0%，5%，45%，100%