CSS提供了许多用于创建特效和动画效果的功能。
下面土嘎嘎小编分享一些常用的CSS特效：
1. 过渡（Transitions）：通过定义元素属性之间的变化，为元素添加平滑的过渡效果。
示例：
〓〓css代码如下：〓〓
.box {
transition: width 0.3s ease-in-out;
}
.box:hover {
width: 300px;
}
2. 动画（Animations）：使用关键帧（Keyframes）规则来创建复杂的动画效果。
示例：
〓〓css代码如下：〓〓
@keyframes slidein {
from { transform: translateX(-100%); }
to { transform: translateX(0); }
}
.box {
animation: slidein 1s ease-in-out infinite alternate;
}
3. 渐变（Gradients）：在元素背景中创建平滑的颜色渐变效果。
示例：
〓〓css代码如下：〓〓
.box {
background: linear-gradient(to right, #ff0000, #00ff00);
}
4. 阴影（Shadows）：为元素添加投影效果，使其看起来浮起来或具有深度感。
示例：
〓〓css代码如下：〓〓
.box {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
5. 变形（Transforms）：通过旋转、缩放、倾斜等变换操作改变元素的形状或位置。
示例：
〓〓css代码如下：〓〓
.box {
transform: rotate(45deg);
}
6. 过滤（Filters）：通过调整元素的视觉效果，如亮度、对比度、模糊等来改变其外观。
示例：
〓〓css代码如下：〓〓
.box {
filter: brightness(75%);
}
7. 悬停（Hover）效果：为元素添加在鼠标悬停时触发的效果。
示例：
〓〓css代码如下：〓〓
.box {
opacity: 0.5;
}
.box:hover {
opacity: 1;
}
这只是一小部分常用的CSS特效示例。CSS提供了许多其他功能和属性，可以用于创建各种有趣和复杂的特效和动画效果。