CSS3实现的菱形效果代码实例_html/css_WEB-ITnose

CSS3实现的菱形效果代码实例:
本章节分享一段代码实例，它使用CSS3实现了菱形效果。
代码如下:

      蚂蚁部落  .antzone{  width:80px;  height:80px;  margin:40px 0 0 40px;  -webkit-transform-origin:0 100%;  -moz-transform-origin:0 100%;  -o-transform-origin:0 100%;  -ms-transform-origin:0 100%;  transform-origin:0 100%;  -webkit-transform:rotate(-45deg);  -moz-transform:rotate(-45deg);  -o-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  transform:rotate(-45deg);  background: #E5C3B2; }   


      
查看更多关于CSS3实现的菱形效果代码实例_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did110903