/* 1. Hover效果 */ a:hover { color: red; text-decoration: underline; } /* 2. 渐变效果 */ div { background: linear-gradient(to bottom, #000, #fff); } /* 3. 文字阴影效果 */ h1 { text-shadow: 2px 2px 5px #666; } /* 4. 边框效果 */ button { border: 2px solid #000; border-radius: 5px; } /* 5. 过渡效果 */ img { transition: transform 1s ease; } img:hover { transform: rotate(360deg); }
以上是一些常见的CSS特效,当然还有很多其他的效果和技巧。如果您想让您的网页更加独特和具有视觉吸引力,不妨试试一些CSS特效。