비전공자 개발일기

filter() Animation 본문

HTML _CSS

filter() Animation

HiroDaegu 2022. 4. 16. 00:22
728x90
SMALL
<img src="#" alt="" class="blob">
.blob {
  width: 150px;
  height: 150px;
  animation: hue-animation 5s alternate infinite;
}

@keyframes hue-animation {
  100% {
    filter: hue-rotate(360deg);
  }
}

 

 

728x90
LIST

'HTML _CSS' 카테고리의 다른 글

Link Hover Animation  (0) 2022.04.19
TEXT OVERFLOW & LOADING ANIMATION  (0) 2022.04.17
Card Animation  (0) 2022.04.15
Button Purse AniMation  (0) 2022.04.14
Bell Animation  (0) 2022.04.13