此前，我使用了react-router库来完成单页应用的路由，从而实现组件之间的切换能力。然而，默认页面的切换是非常生硬的，为了让页面切换更加缓和与舒适，通常的方案就是过渡动画。 这里我调研了2种实现方案，它们都能够为react-router实现路由切换时的过渡效果，第1种是react官方自带的Re ...
分类：
Web程序 时间：
2016-11-15 20:22:50
阅读次数：
696
Android5.0之后为我们提供了许多炫酷的界面过渡效果，其中共享元素过渡也是很有亮点的一个效果，但这个效果只能在Android5.0之后使用，那今天我们就来将共享元素过渡效果兼容到Android4...
分类：
移动开发 时间：
2016-11-07 12:29:06
阅读次数：
327
Android Transition Framework可以实现三种效果: 1. Activity之间切换的过渡动画 通过这种方法可以使activity切换时，他们的布局内容有过度动画 当从Activity A切换到Activity B的时候，Activity布局的内容会按照预先定义好的动画来执行过 ...
分类：
其他好文 时间：
2016-11-02 20:46:10
阅读次数：
281
1.过渡动画 CATransition 说明： （1）.Duration 延迟 （2）.Type kCATransitionFade // 交叉淡化过渡(不支持过渡方向) kCATransitionMoveIn // 新视图移到旧视图上面 kCATransitionPush // 新视图把旧视图推出 ...
分类：
移动开发 时间：
2016-09-07 14:37:27
阅读次数：
193
O(∩_∩)O~ 这两天在看看CSS的相关内容，关于transition动画感觉很有意思，分享一下。 CSS负责给html加效果，自然少不了各种动画，今天介绍一下transition。 概述 看一段比较学术的定义：transition主要负责页面的过渡效果，transition可以使css的属性值在 ...
分类：
Web程序 时间：
2016-08-31 00:46:24
阅读次数：
377
在线预览 源码下载 jQuery+CSS3过渡动画模态窗口特效是一款基于Codrops的ModalWindowEffects来制作，通过jQuery插件的方式来统一管理各种打开模态窗口的效果。适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、I ...
分类：
Web程序 时间：
2016-08-22 09:29:55
阅读次数：
250
在css3的标准中新增加了变形样式，这些样式使得网页中各元素的位置形状的变换变得更加容易。其语法如下： 其中对于<transform-function>这一属性值，css中规定了4类常用变换 1.translate() 该值指定对象的2D translation（2D平移）。第一个参数对应X轴，第二 ...
分类：
Web程序 时间：
2016-08-16 11:50:30
阅读次数：
250
CSS常用样式之变形样式（2D平移、2D旋转、2D缩放、斜切扭曲），过渡动画（过渡属性、过渡时间、过渡函数、过渡延迟时间） ...
分类：
Web程序 时间：
2016-08-16 07:02:48
阅读次数：
178
1.transition-property(过渡动画) 2.transition-duration(过渡动画所需时间) div{ -webkit-trnasition-duration:5s; transition-duration:5s; } 3.transition-timing-functio ...
分类：
Web程序 时间：
2016-08-16 01:52:34
阅读次数：
138
background-origin（背景原点） 设置元素背景图片的原始起始位置。必须保证背景是background-repeat为no-repeat属性才能生效。 background-origin：border-box|padding-box|content-box； border-box 这是用 ...
分类：
Web程序 时间：
2016-08-14 23:48:35
阅读次数：
305
