CSS3實現的平行四邊形程式碼例項
本章節分享一段程式碼例項,它實現了平行四邊形效果。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> .antzone{ width:100px; height:70px; -webkit-transform:skew(-20deg); -moz-transform:skew(-20deg); -o-transform:skew(-20deg); -ms-transform:skew(-20deg); transform:skew(-20deg); background:#E5C3B2; } </style> </head> <body> <div class="antzone"></div> </body> </html>
相關文章
- css3實現平行四邊形程式碼例項CSSS3
- CSS3繪製平行四邊形程式碼例項CSSS3
- canvas實現的多邊形程式碼例項Canvas
- css3實現的多重邊框程式碼例項CSSS3
- css3鋸齒形邊框效果程式碼例項CSSS3
- css3實現的邊框陰影效果程式碼例項CSSS3
- 強大的CSS:實現平行四邊形佈局效果CSS
- 用CSS實現三角形和平行四邊形CSS
- 用 CSS 實現三角形與平行四邊形CSS
- css3實現div邊框陰影效果程式碼例項CSSS3
- css六邊形效果程式碼例項CSS
- css3和js實現的圓形鐘錶效果程式碼例項CSSS3JS
- css3橢圓形程式碼例項CSSS3
- CSS3心形效果程式碼例項CSSS3
- css3邊框顏色漸變且四角有內凹圓形程式碼例項CSSS3
- css3實現的折角效果程式碼例項CSSS3
- CSS 平行四邊形導航選單CSS
- CSS3梯形效果程式碼例項CSSS3
- css3實現tab選項卡程式碼例項CSSS3
- css3實現的三角形對插效果程式碼例項CSSS3
- CSS3實現的環形旋轉載入補全效果程式碼例項CSSS3
- css實現半透明邊框程式碼例項CSS
- css3螞蟻線邊框程式碼例項CSSS3
- css3實現的打折卡效果程式碼例項CSSS3
- CSS3 實現的鐘表效果程式碼例項CSSS3
- css3實現的進度條程式碼例項CSSS3
- CSS3實現的梯形圖案程式碼例項CSSS3
- css3實現的毛玻璃效果程式碼例項CSSS3
- css3實現的打字機效果程式碼例項CSSS3
- css3實現的圓角效果程式碼例項CSSS3
- css3實現的氣泡效果程式碼例項CSSS3
- css3實現的太極圖程式碼例項CSSS3
- css3實現的文字下滑出現效果程式碼例項CSSS3
- canvas實現的動態心形效果程式碼例項Canvas
- canvas實現的圓形鐘錶效果程式碼例項Canvas
- css3實現的開關按鈕程式碼例項CSSS3
- css3實現的斑馬紋效果程式碼例項CSSS3
- css3實現的瀑布流佈局程式碼例項CSSS3