css怎么设置显示隐藏动画

作者:互联网

2026-04-06

HTML教程

css设置显示隐藏动画的方法:首先创建一个HTML示例文件;然后创建一个

标签,并设置一些文字;最后使用“@-webkit-keyframes”对fadenum类设置淡出淡入效果即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

打开html开发软件新建一个html代码页面。如图:

在html代码页面创建一个

标签,然后给这个
添加一个class类并设置一些文字,用于显示淡出淡入动画效果(那里中使用的类名:fadenum,下面将直接对该类进行描述)。如图:

设置

类样式。创建
30

注意事项

案例中使用@-webkit-keyframes主要针对谷歌内核浏览器,如果存在不兼容其他浏览器需要添加其他浏览器前缀