插件名称 | vue-rippler |
---|---|
发布时间 | 2020年7月30日 |
插件作者 | spemer |
一个简单的Vue.js插件,可在受Google Material Design启发的clickable / tappable元素上创建自定义涟漪效果。
v1.3.1(2020年10月11日)
# Yarn
$ yarn add vue-rippler
# NPM
$ npm install vue-rippler --save
import Vue from 'vue'
import VueRippler from 'vue-rippler'
Vue.use(VueRippler)
<template>
<my-component ripple></my-component>
</template>
<style>
/*
玩下面的一些线
*/
[ripple] .ripple--container .ripple--body {
opacity: 0.5 !important;
background-color: rgba(0, 0, 0, 0.1) !important;
-webkit-animation: rippler 1000ms;
animation: rippler 1000ms;
}
</style>