solid-glass
Version:
A lightweight glass effect library for web apps, supporting React and Vue.
2 lines (1 loc) • 818 B
CSS
.solid-glass-wrapper[data-v-6eef1c7e]{position:relative}.solid-glass{position:relative;isolation:isolate}.solid-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:var(--lg-border-radius, 28px);box-shadow:inset var(--lg-shadow-offset, 0) var(--lg-shadow-offset, 0) var(--lg-shadow-blur, 7px) var(--lg-shadow-spread, 0px) var(--lg-shadow-color, rgba(255, 255, 255, .7));background-color:rgba(var(--lg-tint-color, 255, 255, 255),var(--lg-tint-opacity, .04))}.solid-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--lg-border-radius, 28px);backdrop-filter:blur(var(--lg-frost-blur, 2px));-webkit-backdrop-filter:blur(var(--lg-frost-blur, 2px));filter:var(--lg-filter-id);-webkit-filter:var(--lg-filter-id);isolation:isolate}