第十章动画
动画属性
animation
animation-name:动画的名字
animation-duration:动画完成一个周期所花费的时间(秒/毫秒)
animation-timing-function:动画的速度曲线
(linear ease ease-in ease-out ease-in-out 贝塞尔曲线)
animation-delay:动画何时开始
animation-iteration-count:动画被播放的次数 number/infinite(无限循环)
animation-direction:动画是否在下一周期逆向的播放 normsl/alternate(反向播放)
animation-play-state:动画是否正在运行或暂停 paused(暂停)/running(正在播放)
animation-fill-mode:动画时间之外的状态 (和延迟连用 )
-- forwards(保留动画结束时的状态)
-- backwards(不会保留动画结束时的状态)
-- both(上面两种状态都有)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 100px;
height: 100px;
background: red;
/*动画名字(动画的名字要有语义化)*/
/*animation-name:movedh ;*/
/*动画完成的时间*/
/*animation-duration: 1s;*/
/*动画播放次数*/
/*animation-itera