[CSS] Long Shadows Generator – ロングシャドウのジェネレーター
フラットデザインが盛り上がり始めてた頃にあちこちで見かけた「フラットデザインではロングシャドウが流行る！」的なの、今思うと「あーーあったね」的なアレではありますが、実際どうなんでしょうね。あんまし見る機会ないんですが。このLong Shadows GeneratorはロングシャドウエフェクトをCSSで描画するためのジェネレーターです。影の長さや濃さをスライダーで調節して、「Show Code」ボタンを押すとCSSソースが出力されます。テキストを内包するボックス要素のClass名に「.shape」を入れると動作するようです。ソース見ると分かるんですが、text-shadowを何重にもかける事でシャドウ部分を描画しています。自分で書こうとするとメンドくさそうですねこれ。（そういう機会があるかどうかの話は別として）CSSでロングシャドウを描画したい時に使えそうです。