Skip to content

Latest commit

 

History

History
27 lines (15 loc) · 1.03 KB

README.md

File metadata and controls

27 lines (15 loc) · 1.03 KB

magicCss

CSS3奇思妙想,使用CSS3实现各类图形,持续更新中。

除去一些需要背景衬托的图形,本项目中所有图形均为单标签图形,即使用一个标签完成整个图案。

Demo

由来

拜读了 《CSS Secret》 这本大作之后,有了这个项目的想法。其中带星号的图形为书中出现过的实例。

大量使用了 beforeafter 伪元素,transparent border多重线性与径向渐变多重内外阴影,实现了许多奇妙的图形。

很多例子参照了书中得来,也有许多我工作中实践积攒而来的。

个人相关博客

【CSS进阶】伪元素的妙用--单标签之美

其他 CSS 作品

CSS3 3D 行星运转

CSS3 3D 透视立方体照片墙

License

MIT