CSS3是一種前端開發技術,用于控制網頁的樣式。它比之前版本的CSS更加強大和靈活,可以實現更多效果。下面介紹一些CSS3的特性。
CSS3可以用來實現圓角,使用border-radius屬性。例如:
div { border-radius: 10px; }
這個div的四個角將變成圓角,而不是直角。
CSS3也支持漸變顏色,使用gradient屬性。例如:
div { background: linear-gradient(red, yellow); }
這個div的背景顏色會從紅色平滑過渡到黃色。
CSS3還支持陰影效果,使用box-shadow屬性。例如:
div { box-shadow: 10px 10px 5px grey; }
這個div會在右下角投射一個灰色的陰影。
CSS3還支持動畫效果,使用animation屬性。例如:
div { animation: myanimation 5s; } @keyframes myanimation { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }
這個div會在5秒內旋轉360度。
這些只是CSS3的一部分特性,還有很多其他有用的效果。要注意瀏覽器的兼容性,不支持CSS3的瀏覽器可能無法正確顯示效果。