belachkar/CSS Logo changing color animation.md

Created August 27, 2021 02:29

Star (1) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/belachkar/fbc20910f31c801132c71ccd39502906.js"></script>
Save belachkar/fbc20910f31c801132c71ccd39502906 to your computer and use it in GitHub Desktop.

Raw

CSS Logo changing color animation.md

CSS Logo changing color animation on hover

/* Logo animation */
@keyframes color-rotate {
  from {
    filter: hue-rotate(0deg);
  }

  to {
    filter: hue-rotate(360deg);
  }
}

.logo:hover {
  animation                : color-rotate 1s;
  animation-iteration-count: infinite;
  animation-direction      : alternate;
}