btn-img-logo-transition-anmation in css

btn-img-logo-transition-anmation.css

/* ALL BUTTONS HOVER STYLES AND TRANSITIONS */
.workBtns,
.formBtn {
  transition-property: background-color, color;
  transition-duration: 0.4s;
  transition-delay: 0.1s, 0.2s;
}

.workBtns:hover,
.formBtn:hover {
  background-color: #6070ff;
  color: #fff;
}

a.workBtns:hover {
  color: #fff;
}

/* ANIMATIONS AND TRANSITIONS */
img {
  transition: transform 5s;
}

img:hover {
  transform: scale(1.03);
}

.formFields::placeholder {
  transition: transform 0.3s;
}

.formFields:hover::placeholder {
  transform: translate(2px);
}

.logoRotate {
  animation-duration: 3s;
  animation-name: rotate;
  animation-iteration-count: 1;
  animation-direction: alternate;
}