Current location - Health Preservation Learning Network - Healthy weight loss - How to do css-style flashing
How to do css-style flashing
The materials to be prepared are: computer, chrome browser and html editor.

1. First, open an html editor and create a new html file, such as index.html.

2. In index.html

@ Key frame flashing {

0% {Opacity:1; }

100% {Opacity: 0; }

}

@-WebKit- Key frame flashing {

0% {Opacity:1; }

100% {Opacity: 0; }

}

. blink

Color: # dd4814;

Animation: blink 1s linear infinity;

-WebKit- animation: blink 1s linear infinity;

}

3. When the browser runs the index.html page, the text will flash.