当前位置:   article > 正文

CSS3新增属性——过渡和动画(2D属性,3D动画)_css过渡动画属性

css过渡动画属性

目录

CSS3

一、过渡

1. 属性

2. 花费时间

3. 运动曲线

4. 何时开始

二、2D属性 

2. translate(移动)

2. rotate(旋转)

3.  scale(缩放)

4. transform-origin(转换中心点)

综合写法

三、动画 

1. 动画的使用

1).定义动画(keyframes)

2) 元素使用动画

 2.  动画序列

3. 动画属性

4. 动画属性简写

四、3D动画 

1. 三维坐标系

 2. 3D移动  translate3d

3. 透视  perspective

 4. 3D旋转

5. 3D呈现  (transform-style:400px)


CSS3

CSS3的语法是建立在CSS原先版本基础上的,它允许使用者在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。CSS选择器中的大部分并不是在CSS3中新添加的,只是在之前的版本中没有得到广泛的应用。

一、过渡

我们可以在不使用Flash 动画或JavaScript的情况下,当元素从一种样式变换为另一种样时为元素添加效果。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/386809
推荐阅读
相关标签
  

闽ICP备14008679号