レイヤースタイルをCSS3で書き出し! 最新版の「Fireworks CS6」には、作成したシェイプからCSS3のコードを抽出できる機能がついています。「Photoshop CS6」でも、作成したシェイプをCSS3コードとして書き出せないものでしょうか? 書き出し機能について、「Photoshop CS6」自体には備わっていないのですが、外部プラグインを導入することで同様の作業をすることが可能になります。外部プラグインの例としては、「CSS3Ps」 (無料)やCSS Hat (有料)があります。 今回は、無料でダウンロードした"CSS3Ps"を使っていきます。のプラグインファイルをダブルクリックすると、「Adobe Extension Manager CS6」が開きますので、Photoshop CS6へのインストールを承諾しましょう。 早速、Photoshop上で適当な長方形シェイプに、C