CSS3 页面跳转的动画效果
2016-01-08 12:13
567 查看
从左侧弹出:
点击之后消失:
var windowWidth = window.innerWidth; $(atlas_list).css({ "transition":"none","-webkit-transition":"none","transform": "translate3d(" + (windowWidth) + "px,0,0)" }); window.setTimeout(function(){ $(atlas_list).css({ "transition":"all 0.5s ease","-webkit-transition":"all 0.5s ease","transform": "translate3d(0,0,0)" }); },5);
点击之后消失:
$(atlas_list).css({ "transition":"all 0.5s ease","-webkit-transition":"all 0.5s ease","transform": "translate3d(" + (windowWidth) + "px,0,0)" }); window.setTimeout(function(){ document.body.removeChild(atlas_list); },600);
相关文章推荐
- css字体图标浏览器兼容解决方案
- 代码:CSS——reset.css
- css3 transition effect(其它效果)
- 动态添加css样式至文件中
- CSS3:RGBA的使用方法
- 浏览器滚动条样式
- 手机web——自适应网页设计(html/css控制)
- 常用的CSS(收集)
- 获取计算后的css样式
- css中rem的认识
- CSS3实现动画效果教程详解
- 常用css
- CSS定位机制总结
- css014 响应式web设计
- css013 构建基于浮动的布局
- css012 css布局简介
- 为自己的园子写样式遇到的一些问题
- CSS核心的几个概念
- css3 box-shadow 阴影的用法
- CSS中的!important属性用法