码迷,mamicode.com
首页 > Web开发 > 详细

4种纯CSS3超酷页面切换过渡动画特效

时间:2015-04-16 14:23:54      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:页面切换   过渡动画   css3   css   

这是一款4种效果非常炫酷的纯CSS3页面切换过渡动画特效。该CSS3页面过渡动画使用CSS keyframes制作而成,所有的动画效果和延时都是使用CSS属性,没有任何的javascript timeout()代码。

所有的4个页面切换效果都使用相同的js文件(用于点击事件和页面关闭事件)和CSS文件。每个demo的class名称略有区别。所有的demo都在 Chrome、Safari、Firefox、Opera、IE11 和 IE10浏览器上做了测试(还有iOS也做了测试)。

技术分享

效果演示:http://www.htmleaf.com/Demo/201504151685.html

下载地址:http://www.htmleaf.com/css3/daohangcaidan/201504151684.html

4种纯CSS3超酷页面切换过渡动画特效

标签:页面切换   过渡动画   css3   css   

原文地址:http://blog.csdn.net/souhugirl/article/details/45073745

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!