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

30

Notes

The use of @-webkit-keyframes in the case is mainly for the Google kernel browser. If there is incompatibility with other browsers, other browsers need to be added. Device prefix

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!