css3过渡动画

过渡动画

transition:width 500ms(执行500毫秒) ease,height 500ms ease 500ms(延迟),background-color 500ms ease 1s
变成圆角
transition:border-radius 500ms ease;
所有的一起
transition:all 500ms

设置过度的运动方式

transition-timing-function

div:nth-child(1){
  transition:all 1s ease(匀速)|ease-in(开始快)|ease-out(越来越快 突然停止)|ease-in-out(开始和结束时候慢)
}

作业代码

    
    
    


    

        

        

        

        

        

        loading...
    

作业

动画.png

动画.png