rhi/gallery
1
0
Fork 0
Code Issues 5 Pull requests 1 Releases Wiki Activity

use opacity filter

Browse source
This commit is contained in:
Rhiannon Morris 2020-08-30 18:45:13 +02:00
parent 8b268f835a
commit e810c3eb08
2 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
style/shiny/gallery.css
View file

@ -179,7 +179,7 @@ footer {
@media (hover) {
.item:hover figcaption {
opacity: 20%;
filter: opacity(20%);
}
@media (prefers-reduced-motion) {
@ -190,7 +190,7 @@ footer {
@media (prefers-reduced-motion: no-preference) {
.item figcaption {
transition-property: opacity, transform;
transition-property: filter, transform;
transition-duration: 0.25s;
transition-timing-function: ease-in-out;
}

5
style/shiny/single.css
View file

@ -72,10 +72,9 @@ body {
border-radius: 0.5em;
}
@supports (filter: blur(50px)) {
@supports (filter: opacity(65%) blur(50px)) {
#cw ~ * {
opacity: 65%;
filter: blur(50px);
filter: opacity(65%) blur(50px);
}
#cw {