[CSS] "CSS 스위치"에 CSS만으로 빛이 나는 무지개 색 애니메이션을 추가해 봤습니다.

개요
  • 단자
  • 입니다.
  • CSS의animation,keyframes를 통해서만 문자를 무지개색으로 변신
  • 어쨌든 코드
    See the Pen CSS 스위치 by Shiba ( @shiba_gsgs )
    on CodePen .

    중요한 것은 animation@keyframes입니다.



    animation


    animation: rainbow 3s infinite;
    

    사용@keyframes의 이름, 애니메이션 시작부터 끝까지 초 지정br/>infinite를 열면 애니메이션이 무한히 반복됩니다.



    @keyframes


    @keyframes rainbow{
        0%{color:#ff0053;}
        12%{color:#ff5353;}
        24%{color:#ffcf53;}
        36%{color:#e8ff53;}
        48%{color:#53ff5d;}
        60%{color:#53ffbc;}
        72%{color:#5393ff;}
        84%{color:#ca53ff;}
        100%{color:#ff53bd;}
    }
    

    시작시#ff0053, 기타 색상을 통해 끝날시#ff53bdp>


    참고 기사



    좋은 웹페이지 즐겨찾기