update filter style
This commit is contained in:
@@ -161,6 +161,43 @@ html.theme-dark body {
|
||||
}
|
||||
}
|
||||
|
||||
.glass-header,
|
||||
.filters.glass {
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
position: absolute;
|
||||
|
||||
mask: linear-gradient(to top, transparent 0%, #000 60%);
|
||||
-webkit-mask: linear-gradient(to top, transparent 0%, #000 60%);
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
}
|
||||
}
|
||||
|
||||
.glass-bottom {
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
position: absolute;
|
||||
|
||||
mask: linear-gradient(to bottom, transparent 0%, #000 60%);
|
||||
-webkit-mask: linear-gradient(to bottom, transparent 0%, #000 60%);
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
}
|
||||
}
|
||||
|
||||
.entrance-fade-up-enter-active {
|
||||
transition: opacity .4s ease, transform .4s ease;
|
||||
transition-delay: var(--entrance-delay, 0ms);
|
||||
|
||||
Reference in New Issue
Block a user