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

Question

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

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

Q2：如果没有，它是否足以实现？我是一个好的程序员，但我从未使用PS插件。

Answer 1

尝试css3ps photoshop插件，它应该为您完成工作。它会为您生成text layers size border radius positions stroke gradient overlay inner shadow inner glow outer glow { {1}}以及更多基于photoshop中选定图层的内容。

Answer 2

您可以通过选择“ 文件->导出->画板到文件”将所有画板导出到不同的文件。这样，您就可以在新建文件中相对于画板复制css。