CSS3是Cascading Style Sheets 3的簡稱,是CSS技術的升級版,有很多新的功能和特效,下面我們來看看一些常用的CSS3特效。
CSS3的邊框特效可以讓網(wǎng)站的邊框看起來更加美觀,這里我們使用border-radius屬性來實現(xiàn)圓角邊框,如下所示:
.box { width: 200px; height: 200px; border: 5px solid #ccc; border-radius: 20px; }
CSS3的文字特效可以讓網(wǎng)站的文字更加生動,這里我們使用text-shadow屬性來實現(xiàn)文字陰影效果,如下所示:
h1 { text-shadow: 2px 2px 5px #ccc; }
CSS3的動畫特效可以讓網(wǎng)站更加有趣和吸引人,這里我們使用animation屬性來實現(xiàn)動畫效果,如下所示:
.box { animation: move 2s infinite; } @keyframes move { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
以上是CSS3的一些常用特效,但其實CSS3的功能遠不止這些,它還有很多其他的特效和選擇器,可以讓我們的網(wǎng)站更加豐富和多彩。