top of page
This website was created by Wix Fix

Glassmorphism in Editor X

  • Nov 23, 2022
  • 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 Effect in Wix / Editor X

<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