分享一个有意思的JS动画库
文章摘要
MxGPT
Gaze.js 是一个简易的 JS 动画库，专注于让 DOM 元素像眼睛一样注视观察目标，并通过位置计算实现有趣的动画效果。无论是与鼠标交互、其他 DOM 元素的位置关系，还是与输入框值的变化相关，Gaze.js 都能帮助您实现令人惊叹的眼睛效果。通过 Gaze.js，您可以轻松创建让 DOM 元素跟随观察目标移动、旋转、变形等动画，为您的网页增添更多趣味和互动性。了解更多关于 Gaze.js 的信息，以及如何使用它实现眼睛一样的动画效果。
此内容根据文章生成，并经过人工审核，仅用于文章内容的解释与总结
投诉
让 DOM 像眼睛一样注视的 JS 动画库。这是一个简易的动画库，主要用于计算一个 DOM 与观察目标，比如鼠标、DOM、输入框值之间的位置，从而做出一些有趣的动画，比方说让它变成跟眼睛一样。
特性
- 能够观看鼠标或其他 DOM，甚至输入值，观看任何你想要的内容！
- 因为是基于DOM的，所以很容易支持RWD
- 支持多种框架
- 零依赖
- typescript开发
- gzip压缩后核心代码大小仅3kb
- 如果元素不在屏幕上，则会自动停止观看
兼容性
| Chrome | Firefox | Safari | Edge | Opera | iOS Safari/Chrome | Android Chrome | |
|---|---|---|---|---|---|---|---|
| 支持度 | 70+ | 73+ | 14.1+ | 80+ | 70+ | 14.1+ | ✔ |
评论
匿名评论
隐私政策
✅ 你无需删除空行，直接评论以获取最佳展示效果
