90%
top of page

Add a Title

Add a Title
Published Date
Published Date
Tags
0 Comments
Views
Share Post

Comment

successMessage

errorMessage

Add a Title

Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.

Add a Title

No comments yet. Be the first to comment!"

Related Posts

Start Now
Start Now

Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.

Add a Title

Start Now
Start Now

Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.

Add a Title

Start Now
Start Now

Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.

Add a Title

  • Writer: @lan Design
    @lan Design
  • Dec 26, 2023
  • 1 min read

In today's lesson, you will learn how to create a blurry background effect in Editor X. This is a really modern cool effect that you can easily add to your websites.


This technique was originally posted in the Editor X Community FaceBook group. Be sure to join that group to learn more about cool things you can do in Editor X.



Glassmorphism

Before to add the below code, make sure you add the element named "Custom Code" to proceed.


 

<head>

<style>

body{

background-color: rgba(0,0,0,0);

backdrop-filter: blur(40px);

transform: scale(1);

border-radius: 24px;

-webkit-backdrop-filter: saturate(180%) blur(40px);

backdrop-filter: saturate(180%) blur(40px);

}

</style>

</head>


 

Have fun!

Comments

bottom of page