main

animate-css/animate.css

Last updated at: 29/12/2023 09:20

shakeX.css

TLDR

This file contains CSS code for defining a keyframe animation named shakeX and a CSS class named shakeX.

Classes

.shakeX

This CSS class is used to apply the shakeX animation to an HTML element.

Methods

@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shakeX {
  animation-name: shakeX;
}