CSSのtext-shadowを使ったサンプルがまとめられている「Trendy CSS Text Shadows」

CSSのtext-shadowを使ったサンプルがまとめられている「Trendy CSS Text Shadows」

「Trendy CSS Text Shadows」はCSSのtext-shadowを使って表現されたサンプルがまとめられているサイトです。
シンプルなシャドウだけでなくロングシャドウタイプもあり、それぞれの見栄えを実装するためのCSSも容易に確認・コピーできるようになっています。

掲載されている一部ですがサイトでは以下のようなデザインが並べられており、ここでは画像で紹介していますが、実際にはすべてCSSを使って見栄えが表現されています。

サンプル1
サンプル2
サンプル3
サンプル4
サンプル5
サンプル6
サンプル7
サンプル8

一覧ではそのデザインで使用されているカラーコードやフォント名の情報も一緒に掲載されており、それぞれのデザインの右上にある「View css」をクリックすることでその見栄えを再現するためのCSSが表示されるようになっています。
デザインも上のイメージで紹介したように比較的シンプルなものからロングシャドウタイプまであり、全部で40種類近いデザインが用意されています。

Close the search window,
please press close button or esc key.