HTML和CSS是Web設(shè)計(jì)中必不可少的兩個(gè)技能，其中CSS可以為HTML元素添加一些令人驚嘆的效果和動(dòng)畫，讓網(wǎng)頁更加生動(dòng)和有趣。下面是一些常見的HTML和CSS特效的示例代碼。

在CSS中創(chuàng)建一個(gè)漸變背景：

background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);

使用:hover偽類為按鈕添加鼠標(biāo)懸停效果：

button:hover {
background-color: #4CAF50;
color: white;
}

使用box-shadow屬性為圖像添加立體效果：

img {
box-shadow: 10px 10px 5px grey;
}

使用animation屬性為元素添加動(dòng)畫效果：

@keyframes example {
0%   {background-color: red;}
50%  {background-color: yellow;}
100% {background-color: green;}
}
div {
animation-name: example;
animation-duration: 4s;
}

使用transform屬性為元素添加旋轉(zhuǎn)效果：

img {
transform: rotate(180deg);
}

使用transition屬性為元素添加平滑過渡效果：

div {
background-color: #f1f1f1;
transition: background-color 1s ease;
}
div:hover {
background-color: lightblue;
}

這些例子只是HTML和CSS中可以實(shí)現(xiàn)的許多特效中的一部分。有了這些代碼，您可以為網(wǎng)頁添加許多有趣和驚艷的效果。