HTML CSS

BLINKING TEXT & BACKGROUND

(a quick guide)

CSS KEYFRAMES @keyframes blinkingA {   0% {  background: red;  }        100% { background: green; } }

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

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

BLINKING BACKGROUND

01

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

ATTACH KEYFRAME ANIMATION #demoB {   font-size: 1.2em; font-weight: 700;   animation: blinkingB 1s infinite; }

THE HTML <div id="demoB">BLINK!</div>

BLINKING TEXT

02