CSS3提供了丰富的动画效果,可以通过简单的CSS代码实现各种各样的动画效果,包括过渡、变换、关键帧动画等。在本文中,我将介绍一些常见的CSS3动画效果,并提供相应的源代码示例。
- 过渡(Transitions)
过渡是指在元素属性发生改变时,平滑地过渡到新的状态。通过使用transition属性,我们可以定义元素属性的变化过程,包括持续时间、过渡效果的类型(如线性、缓入缓出等)等。
下面是一个示例,演示了当鼠标悬停在一个方块上时,方块的背景颜色发生渐变过渡的效果:
<!DOCTYPE html>
<html>
<head>