簡単!ロングシャドーを自動生成してくれるWEBサービス【Long Shadows Generator】がすごく便利

この記事は年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。

どうもこんにちは。Toshikuraです。今回のTipsは【簡単!ロングシャドーを自動生成してくれるWEBサービス【Long Shadows Generator】がすごく便利】です。ジェネレーターのまとめ記事等でも見かけるのですが、個人的にいろんな所からすぐ利用したいのでメモしておきます。

Long Shadows Generator

ジェネレーター自体のデザインもとてもかっこいいですし、使い方もとてもシンプルで簡単!スライダーをぐりぐりして出力されたCSSをコピー&ペーストするだけです。


デモとして適応先のHTMLも併記しておきます。

サンプルHTML
<div class="container">
<div class="shape">Text</div>
</div>

どんな見栄えになるのか気になる方もいるかもしれませんので今回から期間限定で当サイトの一覧ページに適応しておきますね!合ってる合ってないは置いといて……ハンコみたいでいいかも(気に入ったら継続します…多分)

以上になります。