Expanded CSS and JS Animation Gallery

Hello World

.fade-in {
  animation: fadeIn 2s;
}
    

.bounce {
  animation: bounce 1s infinite;
}
    

.rotate {
  animation: rotate 4s linear infinite;
}
    

.pulse {
  animation: pulse 1.5s ease-in-out infinite;
}
    

.shake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}
    

.slide-in {
  animation: slideIn 1s ease-out;
}
    

.flip-x {
  animation: flipX 1s;
}
    

.flip-y {
  animation: flipY 1s;
}
    

.zoom-in {
  animation: zoomIn 1s;
}
    

.zoom-out {
  animation: zoomOut 1s;
}
    

.swing {
  animation: swing 1s;
}
    

.tada {
  animation: tada 1s;
}
    

.wobble {
  animation: wobble 1s;
}
    

❤️

.heartbeat {
  animation: heartbeat 1.5s infinite;
}
    

.blink {
  animation: blink 1s infinite;
}
    