CSS3实现的菱形效果代码实例:
本章节分享一段代码实例，它使用CSS3实现了菱形效果。
代码如下:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style>.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; }</style></head><body><div class="antzone"></div></body></html>原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=17890
更多内容可以参阅:http://www.softwhy.com/divcss/
Senarai kekunci pintasan Mac
Cara menggunakan fungsi besar
Bagaimana penderia suhu berfungsi
Kad grafik 940mx
Bagaimana untuk mengeksport gambar ke pdf
securefx tidak boleh menyambung
Komputer mempunyai internet tetapi pelayar tidak boleh membuka halaman web
Bagaimana untuk memusatkan teks div secara menegak
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
