Webflow Glassmorphism Effect Without Code (2022 Full Tutorial)
Today I'm going to show you how to create a Glassmorphism effect in Webflow. We will do this without needing to write a single line of code!
Glassmorphism is an easy and innovative way to bring extra texture and dynamism to your website. In Webflow, we used to have to use custom HTML embeds and custom code in order to achieve this glossy effect. However, Webflow has added a new feature, Background Filters, which allows us to skip this custom code and implement this technique with just a few clicks of the mouse.
We are going to achieve this effect in 3 steps: 1) We are going to apply a background filter to our div block 2) We are going to apply a gradient background to our div block and 3) We are going to give our div block a slight border in order to delineate against our clear background.
By the end of this video you will know how to implement a clean Glassmorphism effect that can set your site out above the rest!
I have been using Webflow to build my websites for years. If you are a novice website developer looking to launch a new project or business (and don't know how to code), your best bet is using Webflow. With Webflow, you code visually, and have complete control over your website down to the pixel. No more having to go through style sheets or JSON files in Wordpress in order to customize your site to your needs. With Webflow, you are able to visually code your website from scratch. Subscribe for weekly tutorials!
-------------------
Resources -
🌊 Webflow: https://try.webflow.com/l9bi5zf0cljy
--------------------
Timestamps -
0:00 INTRO
0:39 Applying Background Filter
1:23 Apply Gradient Background
2:22 Adding Border And Tidying Up
3:41 CONCLUSION
--------------------
✉️ Business Inquiries: [email protected]
--------------------
👨 WHO AM I -
I'm Alex, a 26 year old Financial Analyst who lives in Nashville, TN. I'm now over half way through my twenties (I'm getting old!) and believe that I've acquired some valuable life advice over the past 6 years that I wish I knew when I was just entering my third decade of life. I make videos to pass on these life lessons to all of you (along with other ideas, tips, tricks, knowledge, experience, stories of success, stories of failure, etc.) so that you all can survive your twenties with more grace than I have managed so far!
