mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-26 23:58:15 +01:00
add blur optimization :3
This commit is contained in:
parent
86be21db2c
commit
3e0af4d807
1 changed files with 29 additions and 1 deletions
|
@ -2288,10 +2288,38 @@ window.addEventListener("unload", cleanup)
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
filter: blur(150px);
|
|
||||||
transform: scale(1.1);
|
transform: scale(1.1);
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ambient-canvas {
|
||||||
|
filter: blur(90px); /* its the default blur lol */
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.ambient-canvas {
|
||||||
|
filter: blur(110px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1080px) {
|
||||||
|
.ambient-canvas {
|
||||||
|
filter: blur(120px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1440px) {
|
||||||
|
.ambient-canvas {
|
||||||
|
filter: blur(150px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 2160px) {
|
||||||
|
.ambient-canvas {
|
||||||
|
filter: blur(200px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue