Week3Day3动画效果

1·动画效果

    使动画效果生效的两个必要属性  animation-name  动画名称  animation-duration  动画持续时间

    animation-timing-function     动画使用的函数  linear为匀速  ease为先慢后快

    animation-delay             动画播放延迟时间 

    animation-iteration-count     动画播放次数  可指定次数   infinite为无限次播放

    animation-direction          动画播放方向alternate为逆向

    animation-fill-mode          动画执行完毕状态 forwards 动画保持完毕状态 backwards返回最初显示状态

    @keyframes 动画名称{         （动画效果编辑方式 @keyframes）

                     from{

                         样式

                         }

                       to{

                         样式

                         }

                     }