CSS3(Cascading Style Sheets 3)是CSS的升級版,為Web開發人員提供了更強大的樣式控制工具。CSS3的新增功能很多,以下是其中一些比較常用的:
/* 圓角邊框 */ div{ border-radius: 10px; } /* 漸變背景 */ div{ background: linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%); } /* 盒陰影 */ div{ box-shadow: 5px 5px 5px #888888; } /* 文字陰影 */ h1{ text-shadow: 2px 2px 2px #888888; } /* 旋轉 */ div{ transform: rotate(30deg); } /* 動畫 */ div{ animation: myanimation 2s infinite; } @keyframes myanimation { 0% { background-color: #FFFFFF; } 50% { background-color: #CCCCCC; } 100% { background-color: #FFFFFF; } }
圓角邊框可以使圖形更加流暢自然。漸變背景可以讓頁面看起來更加美觀。盒陰影和文字陰影可以為元素增加明顯的立體感。旋轉和動畫可以讓頁面更加活力。
當然,CSS3新增的功能不僅僅限于以上幾種,還有很多新的選擇器、伸縮布局等等。Web開發人員掌握CSS3的能力越強,就越有可能創建出更加出色的網頁效果。
上一篇css 去掉右邊框線
下一篇css 歷史樹