css3を直感で学べそうなフリーのジェネレーターを公開しているCSS3 Sandbox

スポンサーリンク

話題のcss3ですが、そのcss3
関連のジェネレーターを4つ公開
しているCSS3 Sandboxで基本
を学ぶのもいいかな、と思ったの
でメモ的に記事にします。

直感でグラデーションやドロップシャドウを作成、リアルタイムでプロパティが変わってくれるのでいい勉強になりそうです。CSS3 Sandboxの4つのジェネレーターをご紹介します。

Linear Gradients

css301
グラデーションを作成出来ます。左上でWebkit(SafariやChrome)かFirefoxを選択、その下でプロパティを決めます。実装画面下部に実際のプロパティが表示されるのでどのような数値でどう変化するか、というのが分かると思います。

Text Shadows

css302
テキストにドロップシャドウを加えます。

Box Shadows

css303
ボックスシャドウです。テキストのテストも出来ますよ。日本語でも大丈夫です。

Transforms

css304
変化を与えるプロパティです。おそらく一番楽しいのでは無いかと。細かい設定が可能ですが、それゆえ覚え難いと思うので遊びがてら学ぶのもいいのでは。

まだ、全ブラウザに対応してないのにわざわざリファレンスなんか見るのも・・という方や、css3勉強したいけどリファレンスとか見るの面倒、という方にはもってこいのツールかもしれません。以下より無料でご利用になれますよ。

CSS3 Sandbox

URL :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services