top of page
Lanre Olayiwola

Lanre Olayiwola

Glassmorphism in Wix, Editor x

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!

Opmerkingen


bottom of page