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
等等
相关推荐
2022-11-08
flexboxdefense
理解绝对是养育一切友情之果的土壤——威尔逊 分享一个还不错的网站： http://www.flexboxdefense.com/ 其可以通过塔防游戏的方式，来让玩家学习flex布局 一共12关，每一关都精心设计
2025-05-02
vue-awesome-paginate
尽量在舒适的情况下工作。记住，身体的紧张会制造肩痛和精神疲劳。 —— 卡耐基 https://github.com/peshanghiwa/vue-awesome-paginate vue-awesome-paginate：Vue.js 3 的强大分页解决方案在 Web 应用开发中，分页是一个常见的功能，尤其是在处理大数据集时。vue-awesome-paginate 是一个专为 Vue.js 3 打造的分页库，它以简单、高效和灵活的特点，帮助开发者快速实现分页功能。 什么是 vue-awesome-paginate？vue-awesome-paginate 是一个开源库，旨在为 Vue.js 3 应用提供强大的分页解决方案。它具有高度的可定制性，支持多种分页样式，并且易于与现有项目集成。 核心特点： 简洁的 API：快速上手，减少开发时间。 高度可定制：支持样式和行为的全面定制。 轻量级：库体积小，性能优异。 Vue 3 支持：专为 Vue.js 3 设计，充分利用其功能特性。 使用场景vue-awesome-paginate 适用于以下场景： 数据表格分页在数据密...
2020-08-22
字符串的split和join
split() 将字符串拆分成数组 join() 将数组合并 参数为分隔符 两套代码 123456#JavaScriptvar str = "ruben";var array = str.split('');array.forEach(s => console.log(s));str = array.join('');console.log(str); 以及 12345678//javaString str = "ruben";String[] array = str.split("");for (String s : array) { System.out.println(s);}str = String.join("", array);System.out.println(str);
2025-05-15
wangeditor自定义菜单
时间是衡量事业的标准。 —— 培根 代码如下： 123456789101112131415161718192021222324252627282930313233import { DomEditor, IButtonMenu, IDomEditor, ISelectMenu } from '@wangeditor/editor'export class MentionMenu implements IButtonMenu { constructor() { this.title = '设置标签' // this.iconSvg = '<svg >...</svg>' this.tag = 'button' } title: string iconSvg?: string | undefined hotkey?: string | undefined alwaysEnable?: boolean ...
2026-01-24
remotion
不要老叹息过去，它是不再回来的；要明智地改善现在。要以不忧不惧的坚决意志投入扑朔迷离的未来。——朗费罗 Remotion：用 React“写”视频的开发者框架你可能已经习惯用 React 搭页面、用三方库做动画，但有没有想过——用 React 直接“写”视频？Remotion 的答案是肯定的。它把我们熟悉的 Web 技术栈转换成视频生成的能力：用 JSX 描述画面、用 CSS/Canvas/SVG/WebGL 进行布局与渲染、用编程逻辑与算法叠加效果，然后“程序化地”输出成视频。 仓库：remotion-dev/remotion 官方站点与文档：remotion.dev · remotion.dev/docs · API 快速开始：npx create-video@latest 许可证提示：Remotion 有特殊许可规则，部分使用情形需企业许可，详见仓库内 LICENSE.md 为什么用 React 来“写”视频Remotion 的 README 讲得很清楚： Leverage Web Technologies直接调...
2022-06-29
konva实现双击编辑富文本
那一天我二十一岁，在我一生的黄金时代，我有好多奢望。我想爱，我想吃，我想在一瞬间变成天上半明半暗的云。——《黄金时代》 完整代码放到了：https://gitee.com/VampireAchao/simple-konva-html 主要是这个文件 https://gitee.com/VampireAchao/simple-konva-html/blob/master/richtext-dragable.html 思路来源：https://konvajs.org/docs/sandbox/Rich_Text.html 主要思路： 1.双击时创建(我这里是隐藏显示再定位)富文本dom节点 2.通过htmlToCanvas转换html为canvas 3.使用Konva.Image渲染 效果还是蛮不错的，能做polotno的类似案例
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog