.animation1 {
    text-align:center;
    font-size:50px;
    transform-origin: top center;
    transition: transform 1s;
  }
  
  .animation1:hover {
    transform: rotate(1080deg);
  }

  .animation2 {
    text-align:center;
    font-size:50px;
    transform-origin: top center;
    transition: transform 1s;
    
  }
  
  .animation2:hover {
    transform: skewX(25deg);
  transform: skewY(10deg);
  transform: skew(25deg, 10deg);
  }

  .animation3 {
    text-align:center;
    font-size:50px;
    transform-origin: top center;
    transition: transform 1s;
  }

  .animation3:hover {
    transform: translate(20px, 20px);
  }