Xmind鸟瞰图:
简单笔墨总结:
过渡 transition: 过渡属性 过渡时间 活动曲线 何时开始
2D变形transform :
1.平移:translate(单位px)
2.缩放:scale(默认1,大于1放大,小于1缩小)
3.旋转:rotate(单位deg)
4.倾斜:skew(单位deg)
3D变形transform:
1.rotateX:沿着X轴旋转
2.rotateY:沿着Y轴旋转
3.rotateZ:沿着Z轴旋转
4.backface-visibility: hidden:背部不可见
5.transform-style: preserve-3d:保留子元素3d位置
6.perspective:视距(数值越大间隔屏幕越近)
动画:
1.animation: 动画名称 动画时间 活动曲线 何时开始 播放次数 是否反方向;
2.活动曲线:ease(先快后慢) linear(匀速)
3.无限循环:infinite
4.规定动画 keyframes 动画名称
具体Xmind原文档,在文章顶部自取下载!
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |