animejs示例
发表于|更新于
|浏览量:
读书使人充实，思考使人深邃，交谈使人清醒。——富兰克林
https://codepen.io/collection/XLebem/
这里有anime.js实现的不少案例
例如移动端的卡片弹出动画实现：
https://codepen.io/aryankap/pen/poERmEM
带进度条的提交按钮：
https://codepen.io/andrewmillen/pen/MoKLob
带动画的小图标：
https://codepen.io/nat-davydova/details/dyorEMm
夜间模式切换按钮：
https://codepen.io/borntofrappe/details/aboPapm
等等
相关推荐
2023-09-11
css画一个圈带一条线
深窥自己的心，而后发觉一切的奇迹在你自己。——培根 用到的是css的background属性和radial-gradient 12345678910111213141516/** 淡蓝渲染到20px * 白色渲染到20px（分割线 * 白色渲染到21px（分割线 * 淡蓝渲染到21px * 淡蓝渲染到40px * 后续白色打底 */background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px, #fff 0); 效果： .ruben{ background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px...
2022-11-21
css-tricks
站在上风的人衣冠要整洁，位在任上的人言行要谨慎，这才是政治家对天下的责任。——德富芦花 分享一个网站，这个网站有很多css小技巧 https://css-tricks.com/ 比如css实现颗粒噪声 又或是对于console的使用指引，例如console.clear()清除控制台 https://css-tricks.com/a-guide-to-console-commands/
2020-11-26
vue路由NavigationDuplicated错误
有志者，事竟成，破釜沉舟，百二秦关终属楚；苦心人，天不负，卧薪尝胆，三千越甲可吞吴。——蒲松龄 如果遇到了Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location异常 可以在router里配置一下 1234567891011121314151617181920import Vue from 'vue'import Router from 'vue-router'// 解决路由重复问题const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}Vue.use(Router)export default new Router({...
2021-12-24
youmightnotneedjquery
你要记得，永远要愉快地多给别人，少从别人那里拿取。——高尔基 最近发现一个网站：youmightnotneedjquery https://youmightnotneedjquery.com/ 直译过来就是你可能并不需要jquery…可以看出是有点恶趣味哈哈 对应的github地址为：https://github.com/HubSpot/YouMightNotNeedjQuery 这个网站它介绍了很多种使用新版IE新特性代替jquery的方法： 例如使用jquery时发送get请求获取json格式的数据 123$.getJSON('/my/url', function(data) {}); 使用IE10+时，不用依赖jquery，直接写 123456789101112131415161718var request = new XMLHttpRequest();request.open('GET', '/my/url', true);request.onload = function() ...
2021-11-13
箭头函数与this指向探究
我有明珠一颗，久被尘劳关锁，一朝尘净光生，照破山河万朵。——柴陵郁禅师 今天研究了下箭头函数与this，发现了一些挺好玩的特性 首先，我们在控制台输入上这段js 123456789101112131415161718192021var handler = { name :'handler', init: function() { let init1 = function(event) { console.log("init1: ", this); let init5 = function(){ console.log("init5: ", this); } init5(); // init5: Window {window: Window, self: Window, document: document, name: '', loca...
2025-05-08
NoHttp
在创作家的事业中，每一步都要深思而后行，而不是盲目瞎碰。 —— 米丘林 https://github.com/yanzhenjie/NoHttp NoHttp：为 Android 提供高效 HTTP 协议支持的框架在 Android 应用开发中，网络请求是不可或缺的一部分。虽然 Android 提供了基本的网络请求工具（如 HttpURLConnection 和 OkHttp），但它们的使用复杂性较高。NoHttp 是一个轻量级的 HTTP 框架，旨在简化网络请求的实现，同时提供丰富的功能和灵活性。 什么是 NoHttp？NoHttp 是一个为 Android 平台设计的网络请求框架，支持标准的 HTTP 协议，并提供多种缓存模式。它的底层架构允许动态切换不同的网络请求实现，如 OkHttp 和 HttpURLConnection，从而为开发者提供了高效且灵活的网络请求解决方案。 核心特点： 支持多种缓存模式：包括不缓存、仅缓存、网络优先等模式。 动态底层切换：可以在 OkHttp 和 HttpURLConnection 之间自由切换。 轻量级：专为 Android 设计，...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog