CSS3奇思妙想,使用CSS3实现各类图形,持续更新中。
除去一些需要背景衬托的图形,本项目中所有图形均为单标签图形,即使用一个标签完成整个图案。
拜读了 《CSS Secret》 这本大作之后,有了这个项目的想法。其中带星号的图形为书中出现过的实例。
大量使用了 before
、after
伪元素,transparent border
,多重线性与径向渐变
,多重内外阴影
,实现了许多奇妙的图形。
很多例子参照了书中得来,也有许多我工作中实践积攒而来的。
MIT
CSS3奇思妙想,单标签实现各类图形
CSS3奇思妙想,使用CSS3实现各类图形,持续更新中。
除去一些需要背景衬托的图形,本项目中所有图形均为单标签图形,即使用一个标签完成整个图案。
拜读了 《CSS Secret》 这本大作之后,有了这个项目的想法。其中带星号的图形为书中出现过的实例。
大量使用了 before
、after
伪元素,transparent border
,多重线性与径向渐变
,多重内外阴影
,实现了许多奇妙的图形。
很多例子参照了书中得来,也有许多我工作中实践积攒而来的。
MIT