CSS를 사용하여 배경색을 자주 변경하십시오.

Question

배경색이 밝은 녹색의 링크가 있고 깜박이는 효과를 내기 위해 배경을 은색으로 변경하려고합니다. 자바 스크립트를 사용할 수 없기 때문에 CSS를 사용하여이 작업을 수행 할 수 있습니까?

Answer 1

다음과 같은 CSS를 사용하면됩니다. 여기

이 당신이 찾고 있던 무엇 바이올린 DEMO

<div class="blinkdiv"> 
</div> 

CSS

@-webkit-keyframes blackWhite { 
    0% { background-color: red; } 
    50% { background-color: red; } 
    51% { background-color: black; } 
    100% { background-color: black; } 
} 

@-webkit-keyframes blackWhiteFade { 
    0% { background-color: red; } 
    50% { background-color: black; } 
    100% { background-color: red; } 
} 

.blinkdiv { 
    height: 100px; 
    background-color: black; 
    -webkit-animation-name: blackWhite; 
    /* -webkit-animation-name: blackWhiteFade; */ 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-duration: 2s; 
} 

희망입니다. 구글 사이트에 코딩 귀하의 요구 사항