Shadows replace borders to add depth to UI, with a stacked box-shadow example

·Serafim·26d ago·0 comments·x.com#ui

Using shadows instead of borders on UI elements adds more depth to the interface.

Below is the stacked shadow used in this example.

.border-shadow { box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 2px -1px rgba(0, 0, 0, 0.06), 0px 2px 4px 0px rgba(0, 0, 0, 0.04); }

No comments yet. Be the first.
Shadows replace borders to add depth to UI, with a stacked box-shadow example | News