react-animated-cursor:动画的自定义光标React组件

时间:2024-05-18 00:18:52
【文件属性】:

文件名称:react-animated-cursor:动画的自定义光标React组件

文件大小:2.99MB

文件格式:ZIP

更新时间:2024-05-18 00:18:52

JavaScript

React动画光标 一个React功能组件,用自定义的动画替换本地光标。 由于这是一个功能组件,因此挂钩可以管理事件,本地状态和RAF。 自定义光标包括 一个内点( cursorInner ) 一个外部的轮廓圆( cursorOuter ),基于点/基色具有不透明性 外部轮廓的轻微尾随动画 单击或链接悬停时,内部光标部分和外部光标部分之间的反比例缩放效果 存在用于修改光标元素的颜色和缩放比例的选项(请参见下面的props / options)。 从npm安装软件包 npm i react-animated-cursor 安装项目依赖项 npm install 建造 npm run build 运行演示 npm run demo:start 制作演示 npm run demo:build 清洁演示 npm run clean:demo 演示版 该演示与捆绑在一起,并通过。 解放


【文件预览】:
react-animated-cursor-master
----.eslintrc.json(1KB)
----.gitignore(76B)
----.babelrc(62B)
----package.json(2KB)
----package-lock.json(326KB)
----dist()
--------index.js(12KB)
--------index.umd.js(13KB)
--------index.es.js(12KB)
----rollup.config.js(785B)
----demo()
--------src()
--------dist()
--------demo()
----.eslintignore(55B)
----lib()
--------index.js(79B)
--------helpers()
--------AnimatedCursor.js(7KB)
--------hooks()
----readme.md(3KB)
----.npmignore(91B)
----.prettierrc(138B)

网友评论