Achieve 3D-shadows in Webflow

Design help General
1

Hello!

I’m trying to achieve this 3D-effect on most of my divs.

Screenshot_20221031-182052__01
Screenshot_20221031-182052__011440×1124 27.3 KB

I’m currently happy with the result, but the way I’ve created the effect seems wrong and not very efficient. I have created custom Svg-images for the corners and then placed them using Absolute.

Is there a way to create this effect in a more “correct” and flexible way? :slightly_smiling_face:

Here is my site Read-Only: https://preview.webflow.com/preview/webb-vision?utm_medium=preview_link&utm_source=designer&utm_content=webb-vision&preview=e044d08078a72537bf228bac7efdcaac&workflow=preview

2

hi @vwis that all depends what you trying to achieve and what you will do with that so the is not the “correct” way. You can use for example some generators to create 3D effect.

or this approach

but feel free to find one that will suit you best and do the job for you.