2018 年 11月 29 日随笔档案 - 安然（o'~'o）

CSS实现太极图（1个div实现）

摘要：使用一个div实现太极图的步骤如下： HTML部分：第一步，结合border实现左黑右白的正方形，加上圆角、阴影。代码如下; 效果如下：第二步，通过伪类，实现一个一个白色的圆形，定位好位置。同时，利用box-shadow:0 200px 0 #000;实现同样大小的圆，放好。先后实现的效果如下阅读全文

posted @ 2018-11-29 22:24 安然（o'~'o）阅读(3622) 评论(0) 推荐(1) 编辑

CSS实现太极图（3个div实现）

摘要：使用三个div实现太极图的步骤如下： HTML部分第一步，画一个宽高为300px的圆，并为其加上阴影（为了看起来有立体感） /*animation:rotation 2.5s linear infinite; -webkit-animation:rotation 2.5s linear infin 阅读全文

posted @ 2018-11-29 21:55 安然（o'~'o）阅读(3361) 评论(0) 推荐(1) 编辑

2018年11月29日