CSS3 Code Generator

Help

Pseudoをチェックにすると対応する擬似クラスのソースが生成されます。擬似クラスは対応するアクションを行わないと表示されないです。(hoverならマウスオーバー)
プロパティの編集は、編集したい擬似クラスをチェックにすることで全てに反映されます。
ホールドにしておくとその擬似クラスは編集されません。右クリックすると削除されます。

グラデーションはFirefoxとWebkitブラウザで同じ見た目になるよう調節してあります。
IEはFilterのDXImageTransform.Microsoft.gradientを使用します。Stopは無視されます。
Linear GradientやText-Shadow等にあるAddを押すと、ポイントを増やすことが出来ます。削除する場合はラインの端にある[x]を押してください。

Settingのプロパティセットはドラッグ&ドロップで並び替えができます。
当然ながらIEに対応していないプロパティはIEでプレビュー出来ないので、ご利用の際はSafari・Chrome・Firefox・Operaを使用してください。
フィードバックはTwitterメールまたはエントリーのコメント欄でどうぞ! バグ報告はgoogle codeのIssuesでもOKです。

Updates

公開

Preview

Pseudo:

Source

Setting

General

Padding

Text Style

text-shadow Chrome Firefox3.5 Safari1.1 Opera9

Add

Border

border-width

border-style

border-color

border-radius Chrome Firefox3.5 Safari4 Opera10.5

Outline

Colors

Linear Gradient Chrome Firefox3.6 Safari4 filterを使用,stop無効

Base
%
%
°
Stop
Add
  1. %

Box Shadow Chrome Firefox3.5 Safari3 Opera10.5

Add

Animation Chrome Firefox3.5 Safari4 Opera10.5