[分享]css3执行动画的所有代码

CSS3可以用来实现各种动画效果，下面是一些常用的CSS3动画效果及对应的代码：1. 过渡效果 transition: 属性名称 时间 曲线效果; 属性名称：需要实现过渡效果的CSS属性名称，如fon...

CSS3可以用来实现各种动画效果，下面是一些常用的CSS3动画效果及对应的代码：

1. 过渡效果

 transition: 属性名称 时间 曲线效果; 

属性名称：需要实现过渡效果的CSS属性名称，如font-size、background-color、transform等。

时间：过渡效果需要的时间，单位可以是秒(s)或毫秒(ms)。

曲线效果：可选值为linear（匀速）、ease（加速减速）、ease-in（加速）、ease-out（减速）等。

2. 平移动画

 transform: translate(x, y); 

x：水平方向上的移动距离，可以为正数或负数。

y：垂直方向上的移动距离，可以为正数或负数。

3. 旋转动画

 transform: rotate(deg); 

deg：旋转角度，可以为正数或负数。

4. 缩放动画

 transform: scale(x, y); 

x：水平方向上的缩放比例，可以为正数或负数。

y：垂直方向上的缩放比例，可以为正数或负数。

5. 透明度动画

 opacity: value; 

value：透明度值，取值范围为0到1之间，0表示完全透明，1表示完全不透明。

以上是几种常用的CSS3动画效果及对应的代码，希望能对大家有所帮助！