forked from argyleink/open-props
-
Notifications
You must be signed in to change notification settings - Fork 0
/
animations.op-lite.min.css
1 lines (1 loc) · 2.42 KB
/
animations.op-lite.min.css
1
:where(html){--o-animation-fade-in:fade-in .5s var(--o-ease-3);--o-animation-fade-out:fade-out .5s var(--o-ease-3);--o-animation-scale-up:scale-up .5s var(--o-ease-3);--o-animation-scale-down:scale-down .5s var(--o-ease-3);--o-animation-slide-out-up:slide-out-up .5s var(--o-ease-3);--o-animation-slide-out-down:slide-out-down .5s var(--o-ease-3);--o-animation-slide-out-right:slide-out-right .5s var(--o-ease-3);--o-animation-slide-out-left:slide-out-left .5s var(--o-ease-3);--o-animation-slide-in-up:slide-in-up .5s var(--o-ease-3);--o-animation-slide-in-down:slide-in-down .5s var(--o-ease-3);--o-animation-slide-in-right:slide-in-right .5s var(--o-ease-3);--o-animation-slide-in-left:slide-in-left .5s var(--o-ease-3);--o-animation-shake-x:shake-x .75s var(--o-ease-out-5);--o-animation-shake-y:shake-y .75s var(--o-ease-out-5);--o-animation-spin:spin 2s linear infinite;--o-animation-ping:ping 5s var(--o-ease-out-3) infinite;--o-animation-blink:blink 1s var(--o-ease-out-3) infinite;--o-animation-float:float 3s var(--o-ease-in-out-3) infinite;--o-animation-bounce:bounce 2s var(--o-ease-squish-2) infinite;--o-animation-pulse:pulse 2s var(--o-ease-out-3) infinite}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translateX(100%)}}@keyframes slide-out-left{to{transform:translateX(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translateX(-100%)}}@keyframes slide-in-left{0%{transform:translateX(100%)}}@keyframes shake-x{0%,to{transform:translateX(0)}20%{transform:translateX(-5%)}40%{transform:translateX(5%)}60%{transform:translateX(-5%)}80%{transform:translateX(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}