useripple:一个React Hook来增加涟漪效果

时间:2024-06-02 23:01:17
【文件属性】:

文件名称:useripple:一个React Hook来增加涟漪效果

文件大小:309KB

文件格式:ZIP

更新时间:2024-06-02 23:01:17

react hook animation ripple JavaScript

关于 useRipple是一个 ,可为单击的元素添加动画波纹效果。 用法 第1步-安装模块 npm install useripple 第2步-添加CSS关键帧 @keyframes useRippleAnimation { to { transform : scale ( 15 ); opacity : 0 ; } } :index_pointing_up: 这是涟漪用来产生涟漪的动画。 它使它们长大然后消失。 根据需要进行调整,然后将其添加到样式表中。 第3步-添加挂钩 import React from 'react' import useRipple from 'useripple' function App ( ) { const [ addRipple , // Attach this to any mouse event listener ripples //


【文件预览】:
useripple-master
----animation.gif(299KB)
----package.json(836B)
----LICENSE(1KB)
----package-lock.json(137KB)
----src()
--------index.js(1KB)
----.gitignore(20B)
----README.md(3KB)
----babel.config.js(73B)

网友评论