CSS中草图的样式形状

Question

我有这个CSS：

shadowColor: '#444',
shadowOffset: { width: 5, height: 5 },
shadowOpacity: 0.2,
shadowRadius: 8,
backgroundColor: 'white',
borderRadius: 10,

我想在Sketch上复制这种风格。 但它使用＆＃39; Blur＆＃39;和＆＃39;传播＆＃39;影子的财产。 并且我注意到如果你尝试手动操作它会使用box-shadow。

我的问题是： 我有这个CSS样式。我怎么能把它应用到我的形状。 （有或没有插件）

草图版本47.1

Answer 1

对我来说，你所拥有的风格将在草图app中翻译成这样：

shadowColor: '#444',                    // Color #444
shadowOffset: { width: 5, height: 5 },  // X & Y offset to 5px
shadowOpacity: 0.2,                     // Opacity 20 (the A in HSBA)
shadowRadius: 8,                        // Look like it's the Blur
backgroundColor: 'white',               // Bg color of the shape
borderRadius: 10,                       // Border radius of the shape

这是你需要的吗？

PS：这不是代码中的一些CSS语法。