CSS图形
下面的示例展示了使用纯CSS制作的各种图形,你可以自由地修改文中的CSS代码。这个收集的原文在这里。
经测试,IE9, Chrome, FF, Safari都可以正常显示。
正方形¶
长方形¶
圆形¶
椭圆形¶
三角形(向上)¶
三角形(向下)¶
三角形(向左)¶
三角形(向右)¶
三角形(左上)¶
三角形(右上)¶
三角形(左下)¶
三角形(右下)¶
平行四边行¶
梯形¶
六角星形¶
五角星形 via Kit MacAllister¶
五边形¶
六边形¶
八边形¶
心形 via Nicolas Gallagher¶
无穷大 via Nicolas Gallagher¶
菱形¶
鸡蛋¶
吃豆人¶
说话泡泡¶
12星形 via Alan Johnson¶
8星形 via Alan Johnson¶
(全文完)
(转载本站文章请注明作者和出处 酷 壳 – CoolShell ,请勿用于任何商业用途)
相关文章¶
- Chrome开发者工具的小技巧
- 浏览器的渲染原理简介
- https://coolshell.cn/wp-content/plugins/wordpress-23-related-posts-plugin/static/thumbs/10.jpg神奇的CSS形状
- CSS 布局:40个教程、技巧、例子和最佳实践
- https://coolshell.cn/wp-content/plugins/wordpress-23-related-posts-plugin/static/thumbs/30.jpgWeb开发中需要了解的东西
- https://coolshell.cn/wp-content/plugins/wordpress-23-related-posts-plugin/static/thumbs/14.jpg一些有意思的贴子和工具 The post CSS图形 first appeared on 酷 壳 - CoolShell.