学习前端的第十三天

3d与动画

1、景深效果:(远小近大) 在父级元素上设置——perspective:1200px(最佳观看距离)

在子级元素上设置——transform:perspective(1200px)

2、3d功能函数: 位移——translate Z()

translate3d()

旋转——rotateZ()

rotate3d (x,y,z,deg)(0/1,0/1,0/1,30deg)0关1开

3、动画: 声明@keyframes 动画的名称{}——1次from...to

多次 百分比

调用animation:名称 时间 方式 次数

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容