css - 如何从 photoshop 画板获取相关 CSS？

Question

因此，在我工作的地方，我们在 Photoshop 中设计横幅，然后使用设计元素制作 HTML5 横幅。有时这是一个乏味的过程，重新设计 CSS 中的所有内容以使其看起来像在 Photoshop 中。在 photoshop 中，我可以使用一些对象的 x、y 值并在 CSS 中使用它来精确地重新调整用途，但它仍然比我喜欢的要多。在 photoshop 中，可以选择一个图层并单击“复制 CSS”，将布局复制到剪贴板。然而，由于我们使用的是画板，CC15 的新功能，“左”和“顶”值基于整个文档而不是特定的画板。因此，如果我正在处理的横幅格式位于左数第三个画板中，则由于画板在文档中的位置，我在该横幅中的对象的“左:”属性将是 600 像素而不是 20 像素。

Q1:我想这是一个非常具体的问题，但我想知道是否有一种方法可以相对于画板复制 CSS？

Q2:如果不是，它是否是一个很容易实现的功能？我是一个不错的程序员，但我从未使用过 PS 插件。

Answer 1

尝试使用 css3ps photoshop 插件，它应该可以为您完成这项工作。它将为您生成 text layers size border radius positions stroke gradient overlay inner shadow inner glow outer glow drop shadow 以及更多基于 photoshop 中选定图层的内容.