rock.css

animation: rock 4.5s infinite;

   @keyframes rock {
      from {
        transform: rotate(0deg) translate(50px,0);
        animation-timing-function: ease-in-out;
      }
      50% {
        transform: rotate(0) translate(-150px,0);
        animation-timing-function: ease-in-out;
      }
      to {
        transform: translate(50px,0);
        animation-timing-function: ease-in-out;
      }
   }

rocking.css

animation: rocking 4.5s infinite;

@keyframes rocking {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(0deg) translateX(0);
    -ms-transform: translateY(0) rotate(0deg) translateX(0);
    transform: translateY(0) rotate(0deg) translateX(0);
  }

  10% {
    -webkit-transform: translateY(-3px) rotate(-3deg) translateX(6px);
    -ms-transform: translateY(-3px) rotate(-3deg) translateX(6px);
    transform: translateY(-3px) rotate(-3deg) translateX(6px);
  }

  17% {
    -webkit-transform: translateY(2px) rotate(8deg) translateX(-2px);
    -ms-transform: translateY(2px) rotate(8deg) translateX(-2px);
    transform: translateY(2px) rotate(8deg) translateX(-2px);
  }

  30% {
    -webkit-transform: translateY(1px) rotate(-2deg) translateX(4px);
    -ms-transform: translateY(1px) rotate(-2deg) translateX(4px);
    transform: translateY(1px) rotate(-2deg) translateX(4px);
  }

  42% {
    -webkit-transform: translateY(1px) rotate(5deg) translateX(-2px);
    -ms-transform: translateY(1px) rotate(5deg) translateX(-2px);
    transform: translateY(1px) rotate(5deg) translateX(-2px);
  }

  52% {
    -webkit-transform: translateY(-1px) rotate(-5deg) translateX(10px);
    -ms-transform: translateY(-1px) rotate(-5deg) translateX(10px);
    transform: translateY(-1px) rotate(-5deg) translateX(10px);
  }

  60% {
    -webkit-transform: translateY(1px) rotate(3deg) translateX(-5px);
    -ms-transform: translateY(1px) rotate(3deg) translateX(-5px);
    transform: translateY(1px) rotate(3deg) translateX(-5px);
  }

  74% {
    -webkit-transform: translateY(-10px) rotate(-4deg) translateX(2px);
    -ms-transform: translateY(-10px) rotate(-4deg) translateX(2px);
    transform: translateY(-10px) rotate(-4deg) translateX(2px);
  }

  82% {
    -webkit-transform: translateY(1px) rotate(2deg) translateX(-2px);
    -ms-transform: translateY(1px) rotate(2deg) translateX(-2px);
    transform: translateY(1px) rotate(2deg) translateX(-2px);
  }

  91% {
    -webkit-transform: translateY(-1px) rotate(-2deg) translateX(3px);
    -ms-transform: translateY(-1px) rotate(-2deg) translateX(3px);
    transform: translateY(-1px) rotate(-2deg) translateX(3px);
  }
}

swing.css

animation: swing 2s infinite ease-in-out;

@keyframes swing {
  0%, 100% { transform: rotate(-30deg); }
  20% {transform:scale(.95);}
  50% { transform: rotate(30deg); }
  80% {transform:scale(.95);}
}