CSS3是Cascading Style Sheets的第3級規范。它增加了許多新的功能,使得web開發的樣式編寫更加靈活和便利。現在我們將深入了解其一些新的特性,并通過實例演示如何使用它們。
/* 圓角 */ div { border-radius: 10px; } /* 陰影 */ div { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); } /* 漸變背景 */ div { background: linear-gradient(to bottom, #f00, #00f); } /* 動畫 */ div { animation: my-animation 2s infinite; } @keyframes my-animation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
這些是僅僅是CSS3的一小部分特性,還有更多。掌握它們將使你的網頁更加具有吸引力和創意。不過,也應該注意瀏覽器的兼容性問題,不要過度依賴新特性。