Marketplace
Made in Webflow

Neumorphic button

site profile thumbnail

Description

You can add neumorphic elements to your site (such as buttons or cards) by applying three styling properties: the same background color as your site, a dark shadow and a lighter shadow on the opposite side. To take it up a level, you can add a hover effect by adjusting your shadows to make it appear as if your element is floating in a neumorphic space. Read about it: https://university.webflow.com/lesson/neumorphic-button
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

neumorphicwebflowuniversityanimatedbuttonfloating-buttonbox-shadow

More by Webflow University

See profile
View details
Cloneable, custom horizontal scroll interaction
203
2.3k