CSS3是CSS的第三個主要版本,它的新特性讓開發人員可以輕松地創建更加美觀和靈活的Web設計。以下是CSS3的一些新功能。
/* CSS3的圓角屬性 */ .box { border-radius: 10px; } /* CSS3的漸變屬性 */ .box { /* 線性漸變 */ background: linear-gradient(#000, #fff); /* 徑向漸變 */ background: radial-gradient(#000, #fff); } /* CSS3的文字陰影屬性 */ .box { text-shadow: 2px 2px 2px #000; } /* CSS3的過渡屬性 */ .box { transition: all 0.3s ease; } /* CSS3的動畫屬性 */ .box { animation: myanimation 2s infinite; } /* CSS3的媒體查詢屬性 */ @media screen and (max-width: 768px) { .box { width: 100%; } }
以上功能只是CSS3的一小部分,它還包括更多的新功能和改進。作為Web開發者,了解并學習如何使用這些新特性將使你的工作更加容易和有趣。
下一篇node.js vue