我得到了一个网站的 Adobe .xd 文件,该文件需要在 WordPress 中创建。设计的一部分是线性渐变(例如图像的边界)。我的问题是,我似乎找不到从这些元素中“提取”相应 css 的选项。
一个例子:
现在,我想要描述这个底部边框的 CSS,它是一个带角度的线性渐变。我可以得到颜色的十六进制代码,但不是角度,也不知道是否有停靠点和位置。
我看到的选项是:
- 以某种方式从 Adobe XD 中提取 CSS。这可能吗?
- 将
linearGradient标签从导出的 SVG 文件转换为 css。如何才能做到这一点?
导出底部边框的 SVG 中的线性渐变标记如下:
<linearGradient id="linear-gradient" x1="1.089" y1="-3.5" x2="-0.775" y2="2.611" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#ac2284"/>
<stop offset="1" stop-color="#003bff"/>
</linearGradient>
