CSS特效 操作方法

过渡transition需要过渡的属性(1如果所有的属性都要过渡使用ALL)
(2过渡所需要的事件{需要的 时间S[]MS})
(3过渡的类型:linner)(4didplay:none visibility:hidden 这两个都没有过渡属性)
隐藏方法:visibility display opcity rgb height为0 overflow
transform:/平移/
transform:translateX(20px)往X轴平移20px
transform:translateY(20px)往Y轴平移20px
`transform:translate(20px 20PX)往XSOY轴平移20px
缩放:transform:scale(1【就是不变】)
旋转:transform:ratate(20deg)
拉伸:transform:skew(20px,20px)
动画:动画规则其实就是定义动画每一帧的 是什么样子
定义动画规则第一种写法
@keyframes 动画名字{
form{margin-left:0px;}
to{margin-left:20px}
}
#div1{调用动画guiz
animation:1动画名称2动画持续时间3动画过渡类型4动画延迟时间5动画播放次数6是否停留在结束状态7反向运动}
animation:mymove 1s linner 0.5s forward
定义复杂动画@keyframes mymove2{/复杂动画/0%{margin-left:0px;} }

猜你喜欢

转载自blog.csdn.net/weixin_43453916/article/details/84563827