_animations.scss 1.26 KB
Newer Older
arturo's avatar
arturo committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
@keyframes fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fade-out {
  from { opacity: 1; }
  to   { opacity: 0; }
}
@keyframes enter-from-bottom {
  from { transform: translateY(100%); }
  to   { transform: translateY(0); }
}
@keyframes exit-to-bottom {
  from { transform: translateY(0); }
  to   { transform: translateY(100%); }
}
@keyframes exit-to-top {
  from { transform: translateY(0); }
  to   { transform: translateY(-100%); }
}
@keyframes enter-from-top {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0); }
}
@keyframes enter-from-left {
  from { transform: translateX(-100%); }
  to   { transform: translateX(0); }
}
@keyframes exit-to-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}
@keyframes enter-from-right {
  from { transform: translateX(100%); }
  to   { transform: translateX(0); }
}
@keyframes exit-to-right {
  from { transform: translateX(0); }
  to   { transform: translateX(100%); }
}
@keyframes rotate-180 {
  from { transform: rotate(0deg); }
  to   { transform: rotate(180deg); }
}
@keyframes rotate-360 {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
arturo's avatar
arturo committed
49 50 51 52
@keyframes pulse {
  from { transform: scale(1);   }
  to   { transform: scale(1.1); }
}