学习了CSS3 后，可以做出很多炫酷的效果，但是基本功需要打扎实，就从学习使用纯CSS技术生成太极八卦图学起。 第一步，先使用HTML进行一下简单的布局，如下，只需要一个DIV即可： 第二步，插入了DIV之后， 就需要为其添加样式，以及设置其为圆形，我们宽要设置的是高的2倍，这样在为底边框添加了宽度 ...
分类：
Web程序 时间：
2017-03-07 00:13:40
阅读次数：
2255
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> @keyframes bagua{ 25%{transform:translate(500px) rotate(360deg);} ...
分类：
移动开发 时间：
2016-08-07 23:20:35
阅读次数：
198
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> //动画旋转 @keyframes bagua{ 100%{transform:rotate(1080deg)} } //适配浏览 ...
分类：
其他好文 时间：
2016-08-07 23:04:32
阅读次数：
177
CSS3实现32种基本图形
css3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用css3画出这些图形，要比贴图节省带宽，是一种非常好的网页美观方式。
这32种图形分别为圆形，椭圆形，三角形，倒三角形，左三角形，右三角形，菱形，梯形，长方形，正方形，圆环，平行四边形，五角星，六角星，五边形，六边形，八边形，心形，蛋形，无穷符号，消息提示框，钻石，八卦图，食豆...
分类：
Web程序 时间：
2016-04-19 10:18:36
阅读次数：
377
1 2 3 4 5 canvas绘制八卦图 6 7 8 9 10 46 47 效果图：
分类：
其他好文 时间：
2015-11-26 23:01:15
阅读次数：
148
CSS还是比較强大的，能够实现中国古典的“阴阳八卦图”等形状。正方形 #rectangle { width: 200px; height: 100px; backgrount-color: red; } #circle { width: 100px; ...
分类：
Web程序 时间：
2015-09-27 18:45:53
阅读次数：
169
从Matrix67 blog里面看到了Tweetable Mathematical Art。
使用C++实现3个函数RD(i, j), GR(i, j), BL(i, j)分别返回像素(i, j)的R/G/B值，最终生成1幅1024*1024的图片。要求是每个函数代码不超过140字符，即Tweetable。
来个太极八卦图，娱乐一下。
unsigned char RD(int i,int j...
分类：
其他好文 时间：
2015-04-24 14:22:20
阅读次数：
1038
偶然邂逅朱老师的这张测试全景图，感觉不错。其实吸引我的地方更多的还是太极八卦图，莫道知音少，请看这张图！想不到朱老师对太极八卦也有所研究，看来无论从测试还是哲学思想上，都算我学习的前辈了！呵呵…… 本来没资质对此图指点、评价什么，为了便于一些入道新人的理解，简单做下注释： 1.测试指导思想除能力成....
分类：
其他好文 时间：
2015-04-19 13:03:05
阅读次数：
100
前面两个图像生成算法是：道教的太极八卦图和佛教的卐和卍字图。这一节整个洋气的图像:芒星。但愿我别召唤出什么恐怖的禁忌。平时看玄幻小说,经常读到有关六芒星,七芒星,九芒星的技法。芒星是由几个完全的等腰三角形（有时是正三角形）和一个正多边形组成的二维图形。等腰三角形的个数与正多边形的边数相等。由五...
分类：
编程语言 时间：
2014-10-31 18:40:40
阅读次数：
464
前面讲了算法生成道教的太极八卦图,这一节发个与佛教有关的卍字图.卍梵文Svastika，武则天定音为万字；意译为吉祥海云，吉祥喜旋，为佛三十二相之一，也是八十种好之一；此为显现于佛及十地菩萨胸臆等处之德相。长阿含经卷一大本经、大萨遮尼乾子所说经卷六、大般若经卷三八一等均记载佛之胸前、手足、腰间...
分类：
编程语言 时间：
2014-10-30 18:47:15
阅读次数：
1854
