@keyframes headShake { 0% {  transform:translateX(0); } 6.5% {  transform:translateX(-6px) rotateY(-9deg); } 18.5% {  transform:translateX(5px) rotateY(7deg); } 31.5% {  transform:translateX(-3px) rotateY(-5deg); } 43.5% {  transform:translateX(2px) rotateY(3deg); } 50% {  transform:translateX(0); } } .headShake { animation-timing-function:ease-in-out; animation-name:headShake; }