33 lines
No EOL
553 B
CSS
33 lines
No EOL
553 B
CSS
@keyframes fade {
|
|
0% { opacity: 0}
|
|
100% { opacity: 1}
|
|
}
|
|
|
|
@keyframes shake {
|
|
10%, 90% {
|
|
transform: translate3d(-1px, 0, 0);
|
|
}
|
|
|
|
20%, 80% {
|
|
transform: translate3d(2px, 0, 0);
|
|
}
|
|
|
|
30%, 50%, 70% {
|
|
transform: translate3d(-2px, 0, 0);
|
|
}
|
|
|
|
40%, 60% {
|
|
transform: translate3d(2px, 0, 0);
|
|
}
|
|
}
|
|
|
|
@define-mixin fade $time: 1s {
|
|
animation: fade $time;
|
|
}
|
|
|
|
@define-mixin shake {
|
|
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
|
|
transform: translate3d(0, 0, 0);
|
|
backface-visibility: hidden;
|
|
perspective: 1000px;
|
|
} |