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

标签 css photoshop

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

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

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

最佳答案

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

关于css - 如何从 photoshop 画板获取相关 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32646584/

相关文章:

css - align-self 不在容器的末端,它有可用的空间来这样做

php - 如何隐藏选择>选项下拉列表中的任何元素?

javascript - 使用 CSS 混合 2 个元素的背景颜色

matlab - 如何将图片插入手机壳

imagemagick - 用于导出图层组合的 Photoshop 脚本

javascript - 如何选择事件层?

html - Bootstrap 模态无法正确呈现表单元素

html - 为什么 IE 7 不能正确呈现该站点?

javascript - jQuery .hover() 不工作

image-processing - Photoshop/InDesign CS5 脚本 : image size conversion error is using too much memory?