最近リリースされた「Adobe Fireworks CSS3 Mobile Pack」をいれてみた。
これはかなり便利そう。。。。
早速いれようと思ったらエラー>< まじか( ゚ρ゚ )

よくみたら、DW5.5.の体験版を入れてたのでEXTENSION MANAGER CS5.5になってるし、製品がDWしかない。
CS5に選択できないのかなーと思いつつ体験版の残数がもうなかったのでアンインストール。
無事インストール完了。
Fireworksを起動して[メニュー] → [ウィンドウ] → [エクステンション] → [CSS Propeties] でプロパティのパネルが開きます。

オブジェクトを選択して左下の更新ボタンをおせばコードをはきだしてくれます。
パネルにある「All」ボタンをクリックすると、コードがクリップボードにコピーされます。
background-color:#ffffff; /* Firefox v3.6+ */ background-image: -moz-linear-gradient(50% 0% -90deg, rgb(255,255,255) 0%, rgb(242,173,164) 98%); /* safari v4.0+ and by Chrome v3.0+ */ background-image: -webkit-gradient(linear, 50% 0%, 50% 89%, color-stop(0, rgb(255,255,255)), color-stop(0.98, rgb(242,173,164))); /* Chrome v10.0+ and by safari nightly build*/ background-image: -webkit-linear-gradient(-90deg, rgb(255,255,255) 0%, rgb(242,173,164) 98%); /* Opera v11.10+ */ background-image: -o-linear-gradient(-90deg, rgb(255,255,255) 0%, rgb(242,173,164) 98%); background-image: linear-gradient(-90deg, rgb(255,255,255) 0%, rgb(242,173,164) 98%); width:87px; height:40px; border-color:#ffffff; border-width:2px; /* Firefox v1.0+ */ -moz-border-radius:6px; /* Safari v3.0+ and by Chrome v0.2+ */ -webkit-border-radius:6px; /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+ and by IE v9.0+ */ border-radius:6px; border-style:solid; /* Firefox v3.5+ */ -moz-transform: matrix(2.2,0,0,2.18,0,0); -moz-transform-origin:center; /* Safari v3.1+ and by Chrome v9.0+ */ -webkit-transform: matrix(2.2,0,0,2.18,0,0); -webkit-transform-origin:center; /* Opera v10.5+ */ -o-transform: matrix(2.2,0,0,2.18,0,0); -o-transform-origin:center; transform: matrix(2.2,0,0,2.18,0,0); -transform-origin:center; /* Firefox v3.5+ */ -moz-box-shadow:3px 3px 2px rgba(0,0,0,0.25); /* Safari v3.0+ and by Chrome v0.2+ */ -webkit-box-shadow:3px 3px 2px rgba(0,0,0,0.25); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+ and by Opera v10.5+ */ box-shadow:3px 3px 2px rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #ffffffff,endColorstr = #fff2ada4,GradientType = 0) progid:DXImageTransform.Microsoft.Matrix(M11 = 2.2,M21 = 0,M12 = 0,M22 = 2.18, SizingMethod = 'auto expand') progid:DXImageTransform.Microsoft.dropshadow(OffX = 3,OffY = 3,Color = #40000000,Positive = true); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = #ffffffff,endColorstr = #fff2ada4,GradientType = 0) progid:DXImageTransform.Microsoft.Matrix(M11 = 2.2,M21 = 0,M12 = 0,M22 = 2.18, SizingMethod = 'auto expand') progid:DXImageTransform.Microsoft.dropshadow(OffX = 3,OffY = 3,Color = #40000000,Positive = true)";
なかなかの長さです。丸ごと全部つかうことはないだろうし。
サンプル(ちょっと修正)
サンプル
それとjQuery MobileのテーマをDW連動して作成できるようです。
まさにCSS3 MOBILE PACKというネーミングどおりですね。
それはまた次の機会に あるのかw
チュートリアルもあり。

