浏览 Animate.css官网 的时候发现Animate.css这几个字母的颜色会慢慢变化，个人觉得还是很有意思，本以为是利用animate 改变color,结果F12后发现好多奇怪的css属性。 先来看看我的实现方法 简易实现方法 h2{ height: 60px; color: #f35626 ...
分类：
Web程序 时间：
2020-06-11 15:02:22
阅读次数：
96
// 点击返回顶部 让窗口滚动到顶部 goBack.addEventListener('click', function() { // window.scroll(0, 0); animate(window, 0); }); // 动画函数 function animate(obj, target, ...
分类：
其他好文 时间：
2020-06-07 21:28:11
阅读次数：
90
// obj 目标对象 target 目标位置 function animate(obj, target, callback) { // 清除原先定时器 clearInterval(obj.timer); obj.timer = setInterval(function() { // 步长值写到定时 ...
分类：
其他好文 时间：
2020-06-07 19:14:31
阅读次数：
80
jQuery 是一个着重简化 DOM 操作，AJAX 调用和事件处理的 JavaScript 库 jq:js库，封装了大量的特定集合【函数和方法】——方法应用熟练即可 如：animate()、css()、show() 使用jq提高开发效率，简化dom操作 常见js库{对原生JS的封装}：jQuery... ...
分类：
Web程序 时间：
2020-06-06 10:58:56
阅读次数：
79
最近写vue的项目，需要添加一个动画，首先想到的就是jQuery中常用的第三方库，animate，但是这个不是能完全兼容的，需要自己做处理。然后就在晚上寻找Vue版本的动画库，然后就找到了这个vue2-animate。网上的教程还是不少的，然后demo能直接运行，但是他们有一点没有写的很明白，就是在 ...
分类：
其他好文 时间：
2020-06-02 11:26:18
阅读次数：
84
https://animate.style/ animate.css <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="lib/vue-2.4.0.js" type="text/java ...
分类：
其他好文 时间：
2020-06-01 21:02:48
阅读次数：
101
最近做的活动页面，记录下： 负责了两块的活动效果：翻牌和开宝箱； 翻牌部分的要点： 翻牌关键css 父级元素设置3D视角： -webkit-perspective: 1000; perspective: 1000; CSS @keyframes 规定动画（各种浏览器记得加前缀）: @keyframe ...
分类：
Web程序 时间：
2020-05-27 20:51:09
阅读次数：
105
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
Web程序 时间：
2020-05-25 18:58:45
阅读次数：
60
给每个元素不同的停留时间 让某些元只轮播一次 ...
分类：
其他好文 时间：
2020-05-25 12:03:58
阅读次数：
57
有时候没动画 有几次使用vue+animate.css竟然无法做出动画, 原因是vue的动画播放只在v if或v show切换显示/隐藏对象时才会触发. 推荐还是可以自己写过渡动画, 方法如下: html ` hello ` css `.fade enter active, .fade leave ...
分类：
其他好文 时间：
2020-05-18 16:33:12
阅读次数：
452
