ant motion

发表于2022-07-30|更新于2026-02-24

|浏览量:

一个人的行动，比他所说的话，更有详细的表现。——卡耐基

分享一个动画库ant-motion

官方文档：https://motion.ant.design/index-cn

提供的效果也是非常好看

是一个值得一试的动画库

相关推荐

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 / 平板 / 手机）适配已在 ...

醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适 https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/skew CSS中的skew()函数：打造斜切效果在前端开发中，CSS transform属性为我们提供了强大的工具来操控元素的外观，而skew()函数正是其中一种常用的变换方式。本文将带你详细了解skew()的原理、用法以及它如何为你的网页增添设计灵感。什么是skew()？skew()是一种 2D 变换函数，用于对元素进行斜切变换。简单来说，它会将元素沿着 X 轴或 Y 轴方向倾斜一定的角度，创造出一种动态的透视效果。它的应用场景广泛，包括按钮动画、卡片设计和图形变换等。语法1transform: skew(ax, ay); ax：沿 X 轴的倾斜角度（可选，默认值为 0）。 ay：沿 Y 轴的倾斜角度（可选，默认值为 0）。单位为角度（deg），也可以使用弧度（rad）或其他角度单位。用法示例1. 基本应用以下示例将一个矩形沿 X 轴倾斜 20...

变量解构赋值

既然有时间在最后壮烈牺牲，不如完美地活到最后一刻——坂田银时/银魂前两天有朋友问我，这个写法看不懂，让我给他讲讲它这里用到了一个ES6的新特性：解构赋值这里简单复现一下 123456789var param = { columns: { property: "我是property" }, data: ["我是", "data", "数组"]}var {columns,data} = paramconsole.log(columns)console.log(data) 输出结果可以看到我们这里使用 1var {columns,data} = param 去拿到了param里的变量columns和data 这里注意一点，如果我们使用的名字不同的话，是无法取得里面的属性的例如 123456789var param = { columns: { property: "...

react完成井字棋小游戏

人生就像迷宫，我们用上半生找寻入口，用下半生找寻出口。——朱德庸上次说到我们按照官方文档体验了一下React 这次我们搭建本地react开发环境，首先需要将node升级到14以上并且npm需要5.6以上，这个去官网下载安装包覆盖安装即可然后我们按照教程创建项目 1npx create-react-app my-app 注意第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。然后删除src目录下的默认文件，创建一个index.css以及index.js index.css 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950body { font: 14px "Century Gothic", Futura, sans-serif; margin: 20px; } ol, ul { padding-left: 30px...

react在ts中提示ref问题

不要太在乎一些人，越在乎，越卑微。——周国平首先按照官方文档的demo写好代码，却报错如下：安装插件Error Lens后：如何解决？前往Text的ref源码，可以看到是需要一个叫LegacyRef的类型我们进LegacyRef，看到其就是Ref或string的类型因此这里我们定义为Ref类型即可这里出现了新的问题，不能将MutableRefObject<Text | null |undefined>分配给Ref<Text> 我们进入useRef源码，看到其包含几个重载分别查看MuteableRefObject和RefObject 可以看到RefObject是Ref中容许的其中一种类型所以应该使用上面一种重载在原有代码React.useRef()中传入null 报错解决同理，trRef一样注意此处Ref<TextRef>内的泛型使用的是konva/lib/shapes/Text包下的Text，改名为TextRef 除了在定义变量左侧申明类型，在方法右侧也可以申明泛型，让编辑器自动推测

有人尖刻地嘲讽你，你马上尖酸地回敬他。有人毫无理由地看不起你，你马上轻蔑地鄙视他。有人在你面前大肆炫耀，你马上加倍证明你更厉害。有人对你冷漠，你马上对他冷淡疏远。看，你讨厌的那些人，轻易就把你变成你自己最讨厌的那种样子，这才是“敌人”对你最大的伤害。——扎西拉姆·多多《喃喃》分享一个开源图标库 macOS Big Sur风格的流行应用程序的替换图标 GitHub - elrumo/macOS_Big_Sur_icons_replacements: Replacement icons for popular apps in the style of macOS Big Sur Over 5000+ free icons for macOS Monterey, Big Sur & iOS - massive app icon pack 您只需下载所需的图标，在 Finder 上找到要更新的应用程序，选择它并“File > Get Info”或“⌘-I”，然后将下载的 .icns 文件拖放到新窗口中。

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中