LoginGet started — it’s free
Made in Webflow

Neumorphic button

1403 views
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.
neumorphicwebflowuniversityanimatedbutton

More by Webflow University

See profile
View details
Cloneable, custom horizontal scroll interaction
157
1.6k
© 2022 Webflow, Inc. All rights reserved.