HTML CSS

BLINKING TEXT & BACKGROUND WITH CSS

CSS KEYFRAMES @keyframes blinking {   0% {  background-color: red;  }        100% { background-color: green; } }

ATTACH KEYFRAME ANIMATION #demo {   width: 300px; height: 300px;   animation: blinking 1s infinite; }

THE HTML <div> id="demo"</div>

BLINKING BACKGROUND

01

CSS KEYFRAMES @keyframes blinking {   0% {  color: red;  }        100% { color: green; } }

ATTACH KEYFRAME ANIMATION #demo {   font-size: 1.2em; font-weight: bold;   animation: blinking 1s infinite; }

THE HTML <div> id="demo"</div>

BLINKING TEXT

02