タイトルのとおり、CSS3のtext-shadowを使ったロゴを簡単に作れるジェネレータを見つけたので紹介します。 感覚的に操作できるので思いどおりのものが作れるかも。クオリティもかなり高いです。 3D CSS Text Generator 下のように編集することができます。 編集内容についてはこんな感じです。 Font ・・・ フォントの種類 B ・・・ Bold(フォントを太くする) I ・・・ Italic(フォントを斜めにする) U ・・・ underline(フォントに下線を付ける) Text Color ・・・ テキストカラー Bg Color ・・・ 背景カラー Angle ・・・ 影の角度(45度間隔で指定) Size ・・・ フォントサイズ Height ・・・ 影の長さ Height Gradient ・・・ 影のグラデーション Shadow Opacity ・・・ 影
![text-shadowを使った3D風ロゴを簡単に作れるジェネレータ](https://cdn-ak-scissors.b.st-hatena.com/image/square/41f84ceeb087cc9a9ecf1d64257891f092764c30/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-73.fc2.com%2Fw%2Fe%2Fb%2Fweboook%2Fwebpark-ogp.png)