过渡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；} }

原文地址：https://blog.csdn.net/weixin_43453916/article/details/84563827?ops_request_misc=&request_id=6c19665b5171484fa1ff5cf64d700d68&biz_id=&utm_medium=distribute.pc_search_result.none-task-blog-2~all~koosearch~default-7-84563827-null-null.142^v88^insert_down28v1,239^v2^insert_chatgpt&utm_term=css3%E7%89%B9%E6%95%88