Hoping someone can clear up a question I’ve had for a while now. As provided in Sketch/InVision, box-shadow settings look something like this:
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.05) which I understand = [horizontal offset] [vertical offset] [blur radius] [optional spread] [color].
How does this translate to the box-shadow pane in Webflow?
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
The property reads like this:
box-shadow: h-offset v-offset blur spread color;
So we got 10px down, so in Webflow 180° 10px
http://vincent.polenordstudio.fr/snap/j1bf2.jpg
And for rgba opacity:
Defines the opacity as a number between 0.0 (fully transparent) and 1.0 (fully opaque)
So your 0.5 is 50% in webflow.
Very helpful - thank you!
We have “spread” in pure code, which component in Webflow represents it? “Size” or “Distance” ?