awesome-pure-css-no-javascript 纯 CSS + HTML，不使用 JavaScript，能实现怎样的视觉效果? 这里收集整理了一些相关资源与工具，欢迎各位补充。 GitHub地址，欢迎star~ Resources 基于单个 Div 的 CSS 绘图 A Pure CS ...
分类：
Web程序 时间：
2020-04-06 20:36:32
阅读次数：
94
1. 自适应的椭圆 背景知识：border-radius属性的基本用法 使用border-radius制作一个圆很简单，只要给任何正方形元素设置固定宽高及一半长度以上的border-radius，就可以得到圆形 1234background: #fb3;width: 200px;height: 20 ...
分类：
Web程序 时间：
2018-01-02 18:47:04
阅读次数：
1825
1、正方形 2、长方形 3、圆形 4、上三角 5、下三角 6、左三角 7、右三角 8.左上三角 9、右上三角 10、左下三角 11、 右下三角 12、平行四边形 13、梯形 14、六角星 15、五角星 16、五角大楼 17、六边形 18、八角形 19、心形 20、提示对话框 ...
分类：
Web程序 时间：
2017-03-31 21:33:01
阅读次数：
289
为什么只使用一个 Div？2013年5月，我参加了 CSSConf，看到了Lea Verou 关于 border-radius 的演讲，你可能会认为这个属性很不起眼。但是这个演讲让我大开眼界，认识到 CSS 还有很多行为我是不了解的。回忆起我还是艺术生的那段时光，不断地推动着我成为所选媒介的专家。作...
分类：
Web程序 时间：
2015-01-04 19:10:40
阅读次数：
401
原文： Single Div Drawings with CSS
译文： 基于单个 div 的 CSS 绘图
译者： 前端外刊评论
译注：通读本文，强烈地感受到了技术与艺术的结合！赞作者的这句话：Restricting your available options forces you to re-evaluate the tools you already have. ...
分类：
Web程序 时间：
2014-10-11 11:21:25
阅读次数：
405
CSS各种图形绘制 /*绘正方形*/
.square{
width:100px;
height:100px;
}
/*绘长方形*/
.retangle{
width:200px;
height:100px;
}...
分类：
Web程序 时间：
2014-07-21 23:22:04
阅读次数：
303
