有的时候，嗯，应该说某些特定场合，我们可能需要下面这样的动画效果，渐变 + animation ： 假设我们渐变的写法如下： 按照常规想法，配合 animation ，我们首先会想到在 animation 的步骤中通过改变颜色实现颜色渐变动画，那么我们的 CSS 代码可能是： 上面我们用到了三种颜色 ...
分类：
其他好文 时间：
2018-12-11 11:26:43
阅读次数：
210
首先，传统做动画的方式有以下几种： 1. css的transition过度动画 2. css的animation动画 3. 使用setTimeout或setInterval模拟动画贞（js执行机制决定了并非严格意义上的动画贞） 定时器模拟动画又分为 ：（1）速度版运动 （2）时间版运动 4.使用re ...
分类：
移动开发 时间：
2018-12-09 20:07:12
阅读次数：
343
在React Router中，想要做基于路由的左右滑动，我们首先得搞清楚当发生路由跳转的时候到底发生了什么，和路由动画的原理。 首先我们要先了解一个概念：history。history原本是内置于浏览器内的一个对象，包含了一些关于历史记录的一些信息，但本文要说的history是React-Route ...
分类：
其他好文 时间：
2018-12-09 13:57:57
阅读次数：
315
我会尽力将LeetCode上所有的题目都用动画的形式演示出来，期待与你见证这一天！ GitHub Repo：LeetCode Animation Follow: MisterBooo · GitHub Problems 蓝色链接可直接进入原文阅读，黑色文章标题表明还未发布！ 解释： 比如这题：有效的 ...
分类：
其他好文 时间：
2018-12-06 20:40:57
阅读次数：
183
:link:visited:active:hover :focus 获取焦点的时候 animation:名称 持续时间 过渡类型 延迟时间 循环次数 是否反向;@keyframes 定义动画详情 ...
分类：
Web程序 时间：
2018-12-05 20:45:26
阅读次数：
295
在移动端想实现一个弹出框渐渐出现和消失的效果。由于用的是vue.js,所以写法有些独特,用变量控制是否显示类名。但是核心解决方法就是CSS3的animation属性应用还有CSS中的z-index应用，必须初始化定义让弹出框在最底部。还有就是opacity属性的应用，这样才有渐健弹出和渐渐消失的效果 ...
分类：
移动开发 时间：
2018-12-03 19:57:12
阅读次数：
370
一、@keyframe 目前浏览器都不支持 @keyframes 规则。 Firefox 支持替代的 @-moz-keyframes 规则。 Opera 支持替代的 @-o-keyframes 规则。 Safari 和 Chrome 支持替代的 @-webkit-keyframes 规则。 1.定义 ...
分类：
Web程序 时间：
2018-12-02 19:21:52
阅读次数：
901
动画分为几种：Translate（平移）,Scale（放大缩小），Rotate(旋转)，Flip（沿着X轴或者Y轴翻转），Fade（淡入淡出），Layout(重新指定长款距离) 只要是继承自VirtualElement这些父类就可以使用这些控件 1。Translate使用control.Transl ...
分类：
其他好文 时间：
2018-12-01 11:12:38
阅读次数：
400
//动画为沿y轴旋转 let animation = CABasicAnimation(keyPath: "transform.rotation.y") animation.fromValue = 0 animation.toValue = Double.pi * 2 animation.repea... ...
分类：
其他好文 时间：
2018-11-30 11:15:55
阅读次数：
192
