User:Pax/sandbox.css: Difference between revisions
< User:Pax
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* Blur + Gray Scale */ | /* Blur + Gray Scale */ | ||
. | .hover11 img { | ||
-webkit-filter: grayscale(0) blur(0); | -webkit-filter: grayscale(0) blur(0); | ||
filter: grayscale(0) blur(0); | filter: grayscale(0) blur(0); | ||
Line 6: | Line 6: | ||
transition: .3s ease-in-out; | transition: .3s ease-in-out; | ||
} | } | ||
. | .hover11 img:hover { | ||
-webkit-filter: grayscale(1) blur(3px); | -webkit-filter: grayscale(1) blur(3px); | ||
filter: grayscale(1) blur(3px); | filter: grayscale(1) blur(3px); | ||
} | |||
.hover11 {border: 1px solid black;} | |||
.hover10 img { | |||
opacity: 1; | |||
-webkit-transition: .3s ease-in-out; | |||
transition: .3s ease-in-out; | |||
} | |||
.hover10 :hover img { | |||
opacity: .4; | |||
} | } |
Revision as of 06:18, 16 January 2021
/* Blur + Gray Scale */ .hover11 img { -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover11 img:hover { -webkit-filter: grayscale(1) blur(3px); filter: grayscale(1) blur(3px); } .hover11 {border: 1px solid black;} .hover10 img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover10 :hover img { opacity: .4; }