Back to Browse

Create an awesome Glassmorphism Effect using the Gutenberg Block Editor

5.0K views
Jun 7, 2021
8:48

How to add this cool Glassmorphism effect with the WordPress Gutenberg Block Editor. This tutorial shows how to add a frosted glass effect to your website using the Gutenberg Block Editor, the Cover Block and the Columns Block. Links Glassmorphism CSS code generator - https://glassmorphism.com/ CSS used in this tutorial - https://gist.github.com/jamiemarsland/4af06d5cb0e67b2e4903f49b7ba8adeb Timeline 0:00 - Intro 1:04 - CSS for the Glassmorphism 3:00 - Add the Background image with the Cover Block 3:45 - Add Columns 5:45 - Add the CSS class to the Column Box 6:45 - Apply the CSS from glassmorphism.com

Download

0 formats

No download links available.

Create an awesome Glassmorphism Effect using the Gutenberg Block Editor | NatokHD