文章標題:CSS3常見樣式
CSS是網頁設計中不可或缺的樣式語言,隨著CSS3的誕生,新式樣的樣式能夠更為簡便地被實現。本文將會講述CSS3中幾種常見的樣式,以便于讀者了解。
1. 圓角:
border-radius: 5px;
2. 邊框陰影:
box-shadow: 0 5px 5px rgba(0,0,0,0.3);
3. 背景漸變:
background: linear-gradient(to right, #f0a, #f8f);
4. 字體陰影:
text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
5. 2D轉換(縮放與旋轉):
transform: scale(1.5) rotate(45deg);
6. 3D轉換(移動,縮放,旋轉):
transform: translateX(30px) scale(0.9) rotatey(45deg);
7. 過渡效果:
transition: all 0.3s ease-in-out;
以上僅是CSS3中常見的樣式,還有更多有趣的樣式等待我們探索。
上一篇css3 懶加載
下一篇php blob類型