avatar
文章
2178
标签
34
分类
0
首頁
目录
标签
友鏈
关于
Logo阿超animejs示例 返回首页
搜索
首頁
目录
标签
友鏈
关于

animejs示例

发表于2025-02-17|更新于2026-02-24
|浏览量:

读书使人充实,思考使人深邃,交谈使人清醒。——富兰克林

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

等等

前端
上一篇
scopedb官网首页
我来到这个世界,为了看看太阳和蓝色的地平线。——《城门开》 https://github.com/scopedb/scopedb-site/pull/32 最近忙着给scopedb做了一个最简单的官网首页 这里说到一些细节吧,首先是适配移动端或者说小尺寸屏幕,这里在没有移动端对应UI设计图的情况下,我们采取pc的布局,因此字体单位使用的vw 然后是这张图片,未来可能会改为带动画的,效果会比较惊艳和抢眼 首页tsx如下 123456789101112131415161718192021222324252627282930313233343536373839import React from "react";import styles from './index.module.css';import Layout from "@theme/Layout";import clsx from "clsx";function HomepageBanner(): React.JSX.Element ...
下一篇
animejs
万人都要将火熄灭,我一人独将此火高高举起。——海子 https://github.com/juliangarnier/anime https://animejs.com/ Anime.js:为网页动画注入生命 在现代网页开发中,动画不再仅仅是装饰性的元素,而是增强用户体验、提升交互性的关键部分。Anime.js,一个轻量级的 JavaScript 动画库,提供了一个易于使用的接口来创建复杂的动画效果。它不仅让开发者能够轻松制作视觉冲击力强的动画,还能确保这些动画在各大浏览器中的兼容性,完美融合到现代网页设计中。 什么是 Anime.js?Anime.js 是一个功能强大的 JavaScript 动画库,它能够为 HTML、CSS、SVG、JavaScript 对象等提供平滑、流畅的动画效果。不同于许多其他动画库,Anime.js 不仅支持基本的动画(如平移、旋转、缩放等),还支持更为复杂的时间线和属性控制,让动画的表现更加生动和灵活。 特性和优势 多种动画支持:Anime.js 不仅可以控制 DOM 元素的 CSS 属性,还可以操作 SVG 属性、JavaScript 对象的...
相关推荐
2024-07-05
uniapp中h5视频播放器部分机型显示在最上层问题
家贫不是贫,路贫贫煞人。——吴敬梓 这里在浏览器里看了下b站播放器的代码,试了试转成blob可以解决这个问题 代码如下: 资源路径与blobUrl互转 | 阿超
2022-07-16
veaury
没有意义的事物是最美丽的。——《新名字的故事》 昨天分享了vuera 今天再分享一个同类型库veaury,属于是vuera的新版库 中文文档:https://github.com/devilwjp/veaury/blob/master/README_zhcn.md 什么是Veaury?Veaury 是基于React和Vue3的工具库,主要用于React和Vue在一个项目中公共使用的场景,主要运用在项目迁移、技术栈融合的开发模式、跨技术栈使用第三方组件的场景。 重要功能 🌞 支持 Vue3 🌈 支持 Context - 同一个应用中出现的vue组件和react组件的context是共享的. 💗 支持跨框架的hooks调用 - 可以在react组件中使用vue的hooks,获取到vue组件或者应用的上下文数据,比如vue-router、vuex,也可以在vue组件中使用react的hooks,获取到react组件或者应用的上下文数据,比如react-router、provide、context等
2020-09-07
常用正则
我发现,一个人在放弃给别人留好印象的负担之后,原来心里会如此踏实。——严歌苓 分享一点常用正则 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185...
2024-02-13
js实现出拳蓄力发射效果
贤妻和健康是一个男子最宝贵的财富。——斯珀吉翁 分享一个蓄力出拳的特效 这个效果放到了codepen里 123456789101112131415161718<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>蓄力发射拳头</title><link rel="stylesheet" href="style.css"></head><body><div id="rocket-container"> <div id="rocket">✊</div>...
2025-11-17
vue-admin-better
往事依稀浑似梦,都随风雨到心头。——巴金《家》 https://github.com/zxwk1998/vue-admin-better Vue Admin Better:拒绝过度封装、极速构建体验的中后台前端框架深度解析 一个追求“更纯粹、更高效、更好上手”的 Vue 中后台解决方案。项目地址:GitHub 仓库 | 演示地址合集见下文 1. 为什么值得关注 Vue Admin Better?Vue 中后台生态已经很成熟,但很多脚手架/模板存在这些痛点:启动慢、打包时间长、封装过度不易定制、权限系统耦合复杂。Vue Admin Better 的定位非常鲜明: 拒绝过度封装,减少“找不到源码逻辑”的挫败感 极致构建体验:2025 全新版本宣称运行速度提升 10–15 倍,打包速度提升 20–30 倍 构建时间控制在 5 秒以内(飞一般体验) 支持 Vue2 + Element UI、Vue3 + Element Plus、Vue3 + Arco Design 多版本形态 跨平台(PC / 平板 / 手机)适配 已在 ...
2022-05-05
vite
给自己一点时间,别害怕重新开始。——威尔·鲍温 分享一个前端开发与构建工具vite,官网: https://vitejs.cn/ 可以以极快的方式冷启动项目,极快的速度热重载HMR(Hot Module Replacement) 使用方式按照官方文档创建项目即可 https://vitejs.cn/guide/#scaffolding-your-first-vite-project
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2178
标签
34
分类
0
Follow Me
公告
This is my Blog
最新文章
UI-TARS-desktop2026-05-15
easy-vibe2026-05-14
flagos2026-05-13
omlx2026-05-12
CloakBrowser2026-05-11
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中