CSS

[CSS]배경 그라데이션 애니메이션

background: linear-gradient(40deg, rgb(199, 121, 208),  rgb(75, 192, 200),  #2b3074);
-webkit-animation: huerotator 10s infinite alternate;
animation: huerotator 10s infinite alternate;


@keyframes huerotator {
    0% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }

    100% {
        -webkit-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}
728x90
반응형