CSS 3 是一種用于網頁設計的樣式表語言。它可以幫助開發人員更加輕松地實現各種網頁效果,比如陰影、漸變、動畫等等。下面介紹幾種常用的 CSS 3 特效。
/* 添加陰影 */ .box { box-shadow: 5px 5px 5px #000; } /* 添加邊框半徑 */ .box { border-radius: 10px; } /* 漸變背景 */ .box { background: linear-gradient(red, orange, yellow); } /* 旋轉文本 */ .box { transform: rotate(45deg); } /* 縮放圖片 */ img { transition: all 0.3s ease-in-out; } img:hover { transform: scale(1.5); }
以上就是五種常用的 CSS 3 特效,分別為陰影、邊框半徑、漸變背景、旋轉文本和縮放圖片。這些特效能夠讓網頁設計更加生動、有趣,并提升用戶體驗。
上一篇css彈性盒子篩子
下一篇css 3 shadow