CSS3是最新版本的CSS,它支持更多的特性和功能,使網站設計得更加美觀和功能更加強大。下面是一些CSS3的用法。
1. 圓角:使用CSS3的border-radius屬性可以制作圓角邊框。例:
border-radius: 10px;
2. 陰影:使用CSS3的box-shadow屬性可以添加陰影效果。例:
box-shadow: 5px 5px 5px #666;
3. 漸變:使用CSS3的linear-gradient屬性可以制作線性漸變顏色。例:
background: linear-gradient(red, blue);
4. 動畫:使用CSS3的animation屬性可以制作動畫效果。例:
animation: move 1s ease-in-out infinite;
5. 變形:使用CSS3的transform屬性可以制作元素的變形效果。例:
transform: rotate(45deg);
6. 過渡:使用CSS3的transition屬性可以制作元素屬性從一種狀態到另一種狀態的平滑過渡效果。例:
transition: width 1s ease-in-out;
總之,CSS3擁有許多新的特性和功能,可以極大地提升網站的設計效果和用戶體驗。