css-animation-fill-mode
Version:
Css module of single purpose classes for animation fill mode
27 lines (25 loc) • 1.51 kB
CSS
/*
ANIMATION FILL MODE
*/
.a-fil-non { -webkit-animation-fill-mode: none; animation-fill-mode: none; }
.a-fil-frw { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.a-fil-bck { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }
.a-fil-bth { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@media screen and (min-width: 48em) {
.a-fil-non-ns { -webkit-animation-fill-mode: none; animation-fill-mode: none; }
.a-fil-frw-ns { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.a-fil-bck-ns { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }
.a-fil-bth-ns { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
}
@media screen and (min-width:48em) and (max-width: 64em) {
.a-fil-non-m { -webkit-animation-fill-mode: none; animation-fill-mode: none; }
.a-fil-frw-m { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.a-fil-bck-m { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }
.a-fil-bth-m { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
}
@media screen and (min-width: 64em) {
.a-fil-non-l { -webkit-animation-fill-mode: none; animation-fill-mode: none; }
.a-fil-frw-l { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.a-fil-bck-l { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }
.a-fil-bth-l { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
}