CSS3のプロパティが自動で生成できる「CSS3 Generator」

CSS3のプロパティが自動で生成できる「CSS3 Generator」の紹介です。

css0910102.jpg

生成されるプロパティはwebkitベースのプロパティです。

-webkit-border-radius: 10px;
opacity: 0.5;
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
text-shadow: 3px 3px 1px rgba(0,0,0,0.3);
-webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
-webkit-text-stroke: 2px #006600;
-webkit-transform: rotateZ(15deg);

SafariやiPhoneのSafari、Chrome向けには最適なのですが、Firefoxに対応する場合には、-moz-を付ける必要があります。