简评Photoshop CC新增的复制CSS功能

简评Photoshop CC新增的复制CSS功能

测试:
先在画布上画了个简单的图形:

pic.png

然后使用Photoshop CC中的 图层 - 复制CSS 得到以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
.圆角矩形_1 {
  border- 1px;
  border-color: rgb( 0, 0, 0 );
  border-style: solid;
  border-radius: 10px;
  background-color: rgb( 153, 153, 153 );
  position: absolute;
  left: 104px;
  top: 143px;
   298px;
  height: 156px;
  z-index: 2;
}

可作为参考,修改为

1
2
3
4
5
6
7
.pic {
	border: 1px solid #000;
	background: #999;
	border-radius: 10px;
	 298px;
	height: 156px;
}
原文地址:https://www.cnblogs.com/xiaoky/p/3835809.html