在現(xiàn)代網(wǎng)站設(shè)計(jì)中，CSS3 已經(jīng)成為了一個(gè)非常重要的角色。使用 CSS3，你可以設(shè)計(jì)出令人驚嘆的炫酷效果，并且使你的網(wǎng)站更加交互和易于瀏覽。

CSS 可以應(yīng)用到網(wǎng)頁(yè)的所有元素上，而不僅僅局限于文字。CSS 還可以使你的頁(yè)面更好看，最主要的是 CSS 可以將 HTML 與 JavaScript 分離開來(lái)，這樣有利于維護(hù)網(wǎng)站。

下面通過(guò)一個(gè)簡(jiǎn)單的實(shí)例來(lái)演示如何使用 CSS3 使網(wǎng)站更加炫酷。

/* 在 CSS 中定義一個(gè)類名 */
.box {
width: 100px;
height: 100px;
background-color: #27ae60;
border-radius: 50%;
transition: transform 0.2s ease-in-out;
}
/* 鼠標(biāo)懸停時(shí)的效果 */
.box:hover {
transform: scale(1.2);
}

以上代碼定義了一個(gè)類名為 .box 的 CSS 樣式，這個(gè)樣式使一個(gè)正方形變成了一個(gè)圓形，并且在鼠標(biāo)懸停時(shí)會(huì)變大。

這只是 CSS3 的冰山一角。你可以探索許多其他有用的 CSS3 功能，如動(dòng)畫和過(guò)渡效果，使你的網(wǎng)站變得更加專業(yè)和有吸引力。