admin管理员组

文章数量:1130349

一、animation属性

1、定义：animation属性通过调用关键帧声明的动画 实现更为复杂的动画效果

2.运用步骤

（1）设置关键帧

@keyframes freedom（名字自定义）{

0%{自定义样式属性}

50%{自定义样式属性}

100%{自定义样式属性}

（2）调用关键帧

animation: name duration delay timing-function iteration-count direction

(1)animation:iteration 表示动画播放的次数，默认值为1， 特殊值为infinite,表示无限次播放动画

(2)animation:direction 表示动画播放的方向，normal表示动画每次循环向前播放，alternate表示当动画偶数次播放时向前播放

（3）例子

 二、perspective属性

1、定义：perspectiv表示透视，其只影响3D转换元素。可以理解为眼睛距离物体的距离。

2、运用

 3、如果想让子元素有3D效果，需要给父元素添加

transform-style:preserve-3d

一、animation属性

1、定义：animation属性通过调用关键帧声明的动画 实现更为复杂的动画效果

2.运用步骤

（1）设置关键帧

@keyframes freedom（名字自定义）{

0%{自定义样式属性}

50%{自定义样式属性}

100%{自定义样式属性}

（2）调用关键帧

animation: name duration delay timing-function iteration-count direction

(1)animation:iteration 表示动画播放的次数，默认值为1， 特殊值为infinite,表示无限次播放动画

(2)animation:direction 表示动画播放的方向，normal表示动画每次循环向前播放，alternate表示当动画偶数次播放时向前播放

（3）例子

 二、perspective属性

1、定义：perspectiv表示透视，其只影响3D转换元素。可以理解为眼睛距离物体的距离。

2、运用

 3、如果想让子元素有3D效果，需要给父元素添加

transform-style:preserve-3d

本文标签： 属性animationperspectiveamp

版权声明：本文标题：CSS3 animation&perspective属性 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1758708324a2783151.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。