This video is embedded from Youtube and here’s the original one
In this tutorial, we’ll learn how to add neumorphic style effects to enhance our website designs in Elementor. As a bonus, we’ll also use CSS code to really add that wow factor. Neumorphism, or soft UI, is a design style that combines highlights and shadows, to make elements look as if they’re emerging from the page. The tutorial will cover:
✔︎ Styling buttons for a soft UI effect
✔︎ Using pre-styled images to complement layouts
✔︎ Using image boxes to style layouts
✔︎ Reusing styles for a more efficient workflow
✔︎ Adding CSS to enhance
✔︎ And much more!
CSS Code Snippet: selector { box-shadow: 3px 3px 7px rgba(174, 174, 192, 0.25), -3px -3px 7px rgba(255, 255, 255, 0.7), inset 3px 3px 3px rgba(255, 255, 255, 0.7), inset -3px -3px 3px rgba(174, 174, 192, 0.25); border-radius: 30px; }
Timestamp:
00:00
01:12
03:40
04:23
05:50