How to set show and hide animation in css

How to set the show/hide animation in css: first create an HTML sample file; then create a

tag and set some text; finally use "@-webkit-keyframes" to set the fadenum class to fade in and out The effect is enough.

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer.

Open the html development software and create a new html code page. As shown in the picture:

##Create a

tag on the html code page, then add a class class to this

and set some text for display and fade out Fade in animation effect (the class name used there: fadenum, this class will be described directly below). As shown in the picture:

Set the

class style. Create a

The above is the detailed content of How to set show and hide animation in css. For more information, please follow other related articles on the PHP Chinese website!