多语言展示
当前在线:579今日阅读:26今日分享:39

css3设置显示隐藏动画

css3新出了一些功能,其中有一个很好用的就是animation,以前只能通过jquery进行设置显示与隐藏,通过animation可以直接设置显示与隐藏的动画效果。
方法/步骤
1

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

2

在html代码页面创建一个

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

3

设置

类样式。创建
30

注意事项

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