动画:transition& transform&animati
2019-11-30 本文已影响0人
lucky_果果
1、transition: transition-property duration timing-function delay;
动画的属性 动画时长 动画速度效果 动画开始时间
例:transition:width 2s linear 2s.
2、transform:translate (x,y) scale(x,y) rotate(x,y)
应用:父元素的宽和高不知道,设置居中
.img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) }
3、animation:myName time;
@keyframes myName { from{background:red} to{background:green} }