CSS3 是CSS(Cascading Style Sheets,層疊樣式表)的升級版本,它包含了很多新的屬性,使得Web開發更加豐富多彩。以下是CSS3的一些常用屬性。
.box { /* 圓角 */ border-radius: 10px; /* 邊框圖片 */ border-image: url(border.png) 30 30 round; /* 文字陰影 */ text-shadow: 2px 2px 5px #000; /* 邊框陰影 */ box-shadow: 2px 2px 5px #000; } /* 漸變 */ .gradient { background: linear-gradient(to bottom, #fff 0%, #000 100%); } /* 旋轉 */ .rotate { transform: rotate(45deg); } /* 過渡 */ .transition { transition: all 1s ease; } /* 動畫 */ @keyframes zoom { from { transform: scale(1); } to { transform: scale(1.5); } } .animate { animation: zoom 2s infinite alternate; }
上面的屬性只是CSS3中的一小部分,但它們已經能夠滿足大部分開發的需求。使用它們可以讓我們的頁面更加豐富多彩,增加用戶的體驗感。