墨水波纹::fountain_pen:香草JS无依赖波纹效果Web组件

时间:2024-02-26 21:31:15
【文件属性】:

文件名称:墨水波纹::fountain_pen:香草JS无依赖波纹效果Web组件

文件大小:5KB

文件格式:ZIP

更新时间:2024-02-26 21:31:15

material-design web-components ripple vanilla-javascript WebComponentsJavaScript

墨纹 油墨波纹Web组件旨在提供一种简单,可自定义且无依赖的波纹效果,该效果由材料设计定义。 响应指针事件以控制波动 支持可自定义的强调色和不透明度 允许“模拟”纹波(以编程方式触发,而不是由指针事件触发) 注意:墨水波纹的父元素必须是非内联元素,并使用相对,绝对,固定或粘性的位置。 < div> Click me! < ink> 造型涟漪 您可以通过使用CSS变量来控制波纹的强调颜色和不透明度,默认颜色为黑色,不透明度为0.15 < style > ink-ripple { --ink-ripp


【文件预览】:
ink-ripple-master
----ink-ripple.js(6KB)
----ink-ripple.html(39B)
----LICENSE(1KB)
----README.md(4KB)
----demo()
--------styles.css(534B)
----bower.json(277B)

网友评论