在CSS中，有多种特效可以用来增强网页的交互和视觉效果。以下是一些常见的CSS特效：
过渡效果（Transitions）：通过transition属性可以实现元素在不同状态之间的平滑过渡效果，如颜色渐变、大小变化、旋转等。
/* 添加过渡效果到元素 */
.element {
transition: property duration timing-function delay;
}/* 示例：渐变颜色过渡效果 */
.element {
background-color: red;
transition: background-color 0.3s ease-in-out;
}.element:hover {
background-color: blue;
}
2、动画效果（Animations）：使用@keyframes规则和animation属性可以创建自定义的动画效果，控制元素的动画过程和样式。
/* 定义关键帧动画 */
@keyframes slide-in {
0% { transform: translateX(-100%); }
100% { transform: translateX(0); }
}/* 应用动画效果到元素 */
.element {
animation: slide-in 0.5s ease-out forwards;
}
3、渐变背景（Gradients）：使用渐变背景可以创建平滑过渡的颜色效果，可以是线性渐变或径向渐变。
/* 线性渐变背景 */
.element {
background: linear-gradient(red, yellow);
}/* 径向渐变背景 */
.element {
background: radial-gradient(circle, red, yellow);
}
4、阴影效果（Box Shadows）：通过box-shadow属性可以为元素添加投影效果，创建立体感和层次感。
/* 添加盒子阴影效果 */
.element {
box-shadow: h-shadow v-shadow blur spread color;
}/* 示例：添加阴影效果 */
.element {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
5、悬停效果（Hover Effects）：使用:hover伪类选择器可以在鼠标悬停在元素上时改变其样式，实现交互效果。
/* 添加悬停效果 */
.element:hover {
/* 改变样式 */
}
这只是一小部分CSS特效的示例，实际上还有更多的特效可以通过CSS来实现，如过滤效果、变换效果、形状效果等。您可以根据需要结合不同的CSS属性和技术，创造出各种各样的特效来丰富您的网页设计。