【文件属性】:
文件名称:ripple-effect:基于 Material Design 的波纹效果
文件大小:163KB
文件格式:ZIP
更新时间:2021-07-24 12:10:59
javascript css html jquery webpack
使用CSS、JavaScript 和 jQuery制作的基于 Material Design 的波纹效果
此效果使用 jQuery 选择器和 DOM 操作来实现对原始效果极其精确的效果。
演示
如何使用
班级
它是制作的
md-涟漪
给组件添加效果
涟漪光
将效果的颜色更改为其浅色版本
涟漪-暗(默认)
将效果的颜色更改为深色版本
注意:ripples-light 和ripples-dark 类仅与 md-ripples 类一起使用。
改变效果模式
例子:
. md-ripples . ripple {
background-color : # 21D4FD ;
opacity : .32 ;
}
在此示例中,每个添加了.md-ripples效果的元素都将具有#21D4FD颜色效果。
创建自定义类
例子:
. ripples-blue . ripple {
【文件预览】:
ripple-effect-master
----webpack.config.js(651B)
----src()
--------ripples.js(1KB)
--------ripples.scss(614B)
----images()
--------ripple-effect-logo.svg(4KB)
----LICENSE.md(1KB)
----ripple-effect.d.ts(44B)
----README.md(3KB)
----dist()
--------ripples.js.LICENSE.txt(475B)
--------ripples.js(92KB)
----docs()
--------index.html(8KB)
--------favicon.ico(7KB)
--------ripples.js(92KB)
--------ripples.zip(32KB)
--------css()
----.gitignore(22B)
----package-lock.json(168KB)
----package.json(1KB)