UNPKG

css-animation-fill-mode

Version:

Css module of single purpose classes for animation fill mode

27 lines (25 loc) 1.51 kB
/* 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; } }