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種類近いデザインが用意されています。

Back to Top

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

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

/ Services & Resource

Tagged with:

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。