make spoilers much less gpu intensive

This commit is contained in:
ReznoRMichael 2021-07-24 18:09:05 +02:00
parent 8ed042b5f3
commit bdacab0382
3 changed files with 35 additions and 27 deletions

View file

@ -387,17 +387,6 @@ input[type="file"] {
font-style: italic;
}
.blurred {
filter: blur(5px);
-webkit-filter: blur(5px);
transition: all 0.3s ease;
}
.blurred:hover {
filter: none;
-webkit-filter: none;
}
.spoiler-span.blurred:hover {
cursor: default;
}
@ -575,8 +564,8 @@ a.wiki {
}
.partial {
color: #000;
text-shadow: 0 0 0.3rem #fff;
color: #797979;
/* text-shadow: 0 0 0.3rem #fff; */
}
.icon-info-circled {
@ -693,6 +682,21 @@ a.wiki {
opacity: 1;
}
.blurred {
color: #0000;
background-color: #ffffff1f;
/* filter: blur(5px);
-webkit-filter: blur(5px); */
transition: all 0.3s ease;
}
.blurred:hover {
/* filter: none;
-webkit-filter: none; */
color: inherit;
background-color: inherit;
}
.spoiler-text {
display: inline;
/* These are technically the same, but use both */

File diff suppressed because one or more lines are too long

View file

@ -279,17 +279,6 @@ input[type="file"] {
font-style: italic;
}
.blurred {
filter: blur(5px);
-webkit-filter: blur(5px);
transition: all 0.3s ease;
}
.blurred:hover {
filter: none;
-webkit-filter: none;
}
.spoiler-span.blurred:hover {
cursor: default;
}
@ -467,8 +456,8 @@ a.wiki {
}
.partial {
color: #000;
text-shadow: 0 0 0.3rem #fff;
color: #797979;
/* text-shadow: 0 0 0.3rem #fff; */
}
.icon-info-circled {
@ -585,6 +574,21 @@ a.wiki {
opacity: 1;
}
.blurred {
color: #0000;
background-color: #ffffff1f;
/* filter: blur(5px);
-webkit-filter: blur(5px); */
transition: all 0.3s ease;
}
.blurred:hover {
/* filter: none;
-webkit-filter: none; */
color: inherit;
background-color: inherit;
}
.spoiler-text {
display: inline;
/* These are technically the same, but use both */