A short and sweet CSS snippet for slightly spooky swaying text and more

sway.css

.sway {
  display: inline-block;
  animation-duration: 2s;
  animation-name: sway;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
@keyframes sway {
  from {
    transform: skewX(15deg);
  }

  to {
    transform: skewX(-15deg);
  }
}