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.
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