CSSで作られたポップでカラフルなフォント・「CSSans Pro」

Ads

CSSans Pro

CSSans ProはCSSのみでポップでカラフルなフォントを作成、表示させるスタイルシートです。上サンプルのようなカラフルなフォントを力業でCSSで表示させるスタイルシート、みたいなやつです。作りは単純で、1つの要素に疑似要素を使って重ねているようですね。使い方は簡単で、CSSを読み込んだら要素に文字を指定するだけです。

<b class="cssans:f"></b>
<b class="cssans:o"></b>
<b class="cssans:o"></b>

<b class="cssans:b"></b>
<b class="cssans:a"></b>
<b class="cssans:r"></b>

簡単ですね!用途はさておき、ちょっと心を動かされたので備忘録として。

CSSans Pro