CSS3 可以幫助我們創(chuàng)建很多酷炫的效果，其中之一就是旋轉(zhuǎn)滑塊。

.slider {
width: 300px;
height: 50px;
position: relative;
}
.handle {
width: 50px;
height: 50px;
position: absolute;
background-color: #FFA500;
border-radius: 50%;
left: 0;
top: 0;
transition: transform .2s ease-in-out;
}
.slider:hover .handle {
transform: rotate(90deg);
}

上面的代碼展示了如何使用 CSS3 來創(chuàng)建一個旋轉(zhuǎn)滑塊的效果。首先，我們創(chuàng)建了一個包含滑塊和句柄的容器，并設(shè)置其寬高和相對定位。接著，我們?yōu)榫浔砑恿藢挕⒏摺⒈尘吧⑦吙虬霃降葘傩裕⒃O(shè)置其絕對定位在容器左上角。最后，我們?yōu)榫浔砑恿?hover 事件，并在其中使用 transform 屬性來實現(xiàn)旋轉(zhuǎn)滑塊效果。

這個例子雖然簡單，但卻包含了很多 CSS3 的基礎(chǔ)知識和技巧。例如，我們使用了 transition 屬性來實現(xiàn)句柄在滑過容器時的平滑過渡效果；使用了 transform 屬性來實現(xiàn)旋轉(zhuǎn)效果；使用了 border-radius 屬性來實現(xiàn)句柄圓角效果等。

CSS3 的強大在于它允許我們通過一些簡單的代碼就可以實現(xiàn)非常復雜的效果。因此，如果你想提升自己在 Web 開發(fā)領(lǐng)域的技能水平，那么學習 CSS3 是非常必要的。