Rumah > hujung hadapan web > tutorial css > css怎么设置显示隐藏动画

css怎么设置显示隐藏动画

藏色散人
Lepaskan: 2023-01-04 09:34:59
asal
7908 orang telah melayarinya

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

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

css怎么设置显示隐藏动画

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

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

53ef8743e9511b14580805952b057b0.png

在html代码页面创建一个

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

01f8b6d0613f9ef27786f5ac7d0a51c.png

设置

类样式。创建