Tips

Ready to give it a try?

Share your results in the comments below! ✨

See all the details from Figma File:



Figma

Many people have been sharing this one lately. If you saw this somewhere else and couldn't find me because I changed my handle, follow me.

@jhaaren @steveschoger This is how I typically setup my shadows. 

Shadow 1: Sits at the bottom of the container.
Shadow 2: The border
Shadow 3: The shadow that contains the most spread.



4. Finally, complete the design by adding a final drop-shadow layer to the button. By adjusting the opacity of the stroke, shadows, and inner shadows, you can ensure a seamless blend with the surrounding UI elements.

🥳 Give it a try and reply to this tweet with your results!

Few people asked how to do the Senior button shadows. 

Here's a quick breakdown