CSS3 の text-shadow プロパティを編集, プレビュー, 生成できる Web ツール『text-shadow Generator』を作りました!!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Pocket

以前, 『CSS3 の text-shadow を使って文字を強調したり装飾したり』という エントリーを書いたときに改めて text-shadow の便利さに気付かされました.

より使いこなそうと, プレビューしながら値をいじれるツールを探したのですが, あるにはあるものの複数の text-shadow を指定できるようなツールはありませんでした.

なので, tmlib.jsdat.GUI を使って自分で作ってみました. よかったら使って下さい.

View Demo

About

『text-shadow Genarator』 は上の View Demo ボタンで起動できます.

使い方は簡単です.

右上のパラメータをいじって text-shadow を編集してください. 中央にプレビューとして表示されます.

また, 一番上にある “showCSSValue”ボタンを押すと, text-shadow プロパティがフローティングウィンドウに表示されるので, コピペしてみなさんのサイトなどで使って下さい.

CCS3 全てのプロパティ編集ツール作ろうかなw なんて思ってたりする.

TRACK BACK URL

POST COMMENT

メールアドレスが公開されることはありません。

COMMENT