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

原文地址：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