CSS Blue Button Skew Animation With Code

   
.blueskew {
    width: 40%;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    background-color: #d9d9d9;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 4px solid #4db8ff;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.blueskew:hover {
  background-color: #4db8ff;
  transform: skew(2deg, 2deg);
}

Button Animations CSS (w/ code)

Blue Button Skew Animation CSS