🦕 frosted background [snippet]

frosted effect on the page container, works best with background image

(background image added for example)

Code

<style>
[data-skin-part="page"]{
	background-image:url("https://imgur.com/zWKKrCK.png");
}
[data-skin-part="shell"]{
	background:rgba(255, 255, 255, .3);
	backdrop-filter:blur(5px);
	box-shadow:0px 0px 25px rgba(0, 0, 0, .3) inset;
	border:1px solid #0004;
	border-width:0px 1px 0px 1px;
}
[data-skin-part="content"]{
	background:0;
}
</style>

Comments

No comments yet.