我们经常希望一段文本中的字符逐个显示，模拟出一种打字的效果。类似于终端命令行的感觉。最终效果 用JS去实现： html： <span class="text"></span> <i class="cursor" style="display: none; border-right:2px solid ...
分类：
Web程序 时间：
2020-01-20 14:44:11
阅读次数：
93
animation animation-name（动画名称） animation-name: keyfamename | none; //检索或设置对象所应用的动画名称 animation-duration（动画持续时间） animation-duration: time; //检索或设置对象动画的 ...
分类：
Web程序 时间：
2020-01-20 14:36:31
阅读次数：
75
本文我是参照openlayers官网webgl点渲染例子，替换自己的数据源做的测试渲染例子，测试点图层77w左右个点，渲染效果还可以，体验问题不大。 ...
分类：
Web程序 时间：
2020-01-20 12:42:29
阅读次数：
267
npm run vuedraggable <template> <vuedraggable class="wrapper" v-model="list"> <transition-group> <div v-for="item in list" :key="item" class="item"> < ...
分类：
其他好文 时间：
2020-01-19 17:41:33
阅读次数：
252
While it's powerful enough to have Machine.transition, it can get tedious constantly passing it a state and an event. It would be nice if we had a fun ...
分类：
系统相关 时间：
2020-01-19 00:28:13
阅读次数：
89
GSAP(TimelineMax、TweenMax) 什么是GSAP？ GSAP(GreenSock Animation Platform)是一个从flash时代一直发展到今天的专业动画库。 GSAP优点 1、速度快。GSAP专门优化了动画性能，使之实现和CSS一样的高性能动画效果。2、轻量与模块化 ...
分类：
Web程序 时间：
2020-01-18 01:17:07
阅读次数：
259
.animated { animation-duration: 2s; /*动画时间*/ animation-fill-mode: both; /*播放后的状态*/ } .animated { animation-iteration-count: infinite; /*动作循环的次数：infini ...
分类：
其他好文 时间：
2020-01-17 23:09:27
阅读次数：
108
option = { color: ['#32A8E8', '#E75B5A', '#F5F45E', '#AE77EF', '#A3B8EF', '#FE9E6C', '#65CF92', '#71BCE6', '#6B6ADF', '#72C23A'], tooltip: { trigger: ...
分类：
其他好文 时间：
2020-01-17 19:02:59
阅读次数：
98
什么是Velocity？ Velocity是一个简单易用、高性能、功能丰富的轻量级JS动画库。 它能和 jQuery 完美协作，并和$.animate()有相同的 API， 但它不依赖 jQuery，可单独使用。 Velocity 不仅包含了 $.animate() 的全部功能， 还拥有：颜色动画、 ...
分类：
其他好文 时间：
2020-01-16 01:12:28
阅读次数：
94
设置transition 动画的时候 , js直接设置duration 和 变化值不会起作用 , 需要先设置duration , 等一小会再设置变化值 安卓端 , 窗口不可见时 , window.innerHeight为 0 ; keyframe + 关键帧图片动画 响应式坑 : 若 keyfram ...
分类：
其他好文 时间：
2020-01-15 14:05:47
阅读次数：
71
