CSS3是一種較新的樣式表語言,它可以讓你在網頁中實現更多炫酷的效果,如動畫、漸變、陰影等。下面就來一一介紹一些常見的CSS3樣式。
/* 圓角 */ .rounded-corners { border-radius: 5px; } /* 陰影 */ .box-shadow { box-shadow: 3px 3px 10px #999; } /* 文字漸變 */ .text-gradient { background: linear-gradient(to right, #ff0000, #00ff00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 旋轉動畫 */ .rotate-animation { animation: rotate 1s infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
以上是一些比較常見的CSS3樣式,當然還有很多其他效果可以實現。值得注意的是,雖然CSS3在現代瀏覽器中已經得到支持,但仍有一些老舊的瀏覽器不支持,如IE8及以下版本。因此,在實際開發中也需要考慮兼容性問題。
上一篇MySQL查詢員工ID
下一篇css3樣式中圖片設置