CSS3實現的平行四邊形代碼實例:本章節分享一段代碼實例，它實現了平行四邊形效果。代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.co
CSS3實現的平行四邊形代碼實例:
本章節分享一段代碼實例，它實現了平行四邊形效果。
代碼如下:
<!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>
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=17891
更多內容可以參閱:http://www.softwhy.com/divcss/
