メモ
.btn-hover {
filter: grayscale(0%) blur(0px);
-webkit-filter: grayscale(0%) blur(0px);
-moz-filter: grayscale(0%) blur(0px);
-o-filter: grayscale(0%) blur(0px);
-ms-filter: grayscale(0%) blur(0px);
transition: -webkit-filter 0.15s;
-webkit-transition: -webkit-filter 0.15s;
-moz-transition: -webkit-filter 0.15s;
-o-transition: -webkit-filter 0.15s;
-ms-transition: -webkit-filter 0.15s;
&:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
}
}
ついでに ボタンのdisable
.btn {
-webkit-filter: brightness(60%);
}