动画: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} } 

上一篇下一篇

猜你喜欢

热点阅读