CSSをコピー
CSSをコピー
シェイプ またはテキストのレイヤー の見た目や位置をカスケーディングスタイルシート（CSS）プロパティとして生成し、その内容をクリップボードにコピーします。
シェイプの場合
- サイズ
- 位置
- 線のカラー
- 塗りのカラー（グラデーションを含む）
- ドロップシャドウ
- レイヤーの位置
テキストの場合
- フントファミリー
- フォントサイズ
- フォント線幅
- ラインの高さ
- 下線
- 打ち消し線
- 上付き文字
- 下付き文字
- テキスト揃え
- レイヤーの位置
2772 x 1704ピクセルの画像にAとBのようなシェイプレイヤーとテキストレイヤーを作成してCSSをコピーを実行した結果は以下のようになります。
シェイプレイヤー
.三角形_1 {border-width: 5px;border-color: rgb(255, 0, 0);border-style: solid;background-color: rgb(56, 50, 88);box-shadow: 17.5px 30.311px 34.3px 14.7px rgba(0, 0, 0, 0.66);position: absolute;left: 139px;top: 53px;width: 626px;height: 542px;z-index: 2;}
テキストレイヤー
.Hello {font-size: 24px;font-family: "Meiryo";color: rgb(255, 255, 255);line-height: 1.167;text-align: center;text-shadow: 17.5px 30.311px 34.3px rgba(0, 0, 0, 0.66);-moz-transform: matrix( 12.7770072792533,0,0,12.7770072792533,0,0);-webkit-transform: matrix( 12.7770072792533,0,0,12.7770072792533,0,0);-ms-transform: matrix( 12.7770072792533,0,0,12.7770072792533,0,0);position: absolute;left: 494.233px;top: 1222.996px;z-index: 3;}
こまかな数値で出力されるので、実際に利用するときは数値の整理が必要になる印象です。
