CSS3是Cascading Style Sheets語言的最新版本,它包含了許多新特性和新屬性,這篇文章將介紹一些CSS3新增的屬性。
/* 新增屬性1: border-radius */ border-radius: 10px; /* 使一個元素的邊框呈現圓角 */ /* 新增屬性2: box-shadow */ box-shadow: 10px 10px 5px grey; /* 在一個元素周圍添加陰影 */ /* 新增屬性3: text-shadow */ text-shadow: 2px 2px black; /* 在文本周圍添加陰影 */ /* 新增屬性4: opacity */ opacity: 0.5; /* 控制一個元素的透明度,0表示完全透明,1表示完全不透明 */ /* 新增屬性5: gradient */ background: linear-gradient(red, yellow); /* 創建一個漸變背景,從左上角到右下角 */ /* 新增屬性6: border-image */ border-image: url(border.png) 20 20 round; /* 用圖片作為邊框樣式,可以控制圖片的位置、大小和圓角 */ /* 新增屬性7: transform */ transform: rotate(30deg); /* 旋轉一個元素,可以控制旋轉角度 */ /* 新增屬性8: transition */ transition: all 1s; /* 控制CSS屬性從一個狀態到另一個狀態的過渡效果,可以控制過渡時間和效果 */
以上這些CSS3新增的屬性可以幫助我們更輕松地實現一些效果,在美化頁面的同時也提高了用戶體驗。
上一篇css 半透明的值
下一篇css 單元格橫向增長