Streaming live at 10am (PST)

Sketch/InVision CSS for box-shadow map to Webflow?


#1

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?

07%20PM


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

The property reads like this:

box-shadow: h-offset v-offset blur spread color;

So we got 10px down, so in Webflow 180° 10px

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.


#3

Very helpful - thank you!