颤动内盒阴影插件

简介

该插件是一款用于给HTML元素添加颤动效果的插件，并能够自动添加内盒阴影，从而增强元素的立体感。

安装

该插件可以通过npm安装：

npm install shaking-box-shadow-plugin

也可以直接从GitHub上下载源码：https://github.com/xxxxx/shaking-box-shadow-plugin

使用

HTML

在需要添加颤动效果的元素上添加“shaking”类名：

<div class="shaking">Hello, world!</div>

CSS

在需要添加内盒阴影的元素上添加“has-shadow”类名：

.has-shadow {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
}

JavaScript

通过导入该插件，调用“shaking”函数来添加颤动效果：

import { shaking } from 'shaking-box-shadow-plugin';

shaking();

参数

该插件可以传入以下参数：

shakeCount

颤动次数，默认为5。

shaking({
  shakeCount: 8
});

shakeRange

颤动范围，默认为10像素。

shaking({
  shakeRange: 20
});

兼容性

该插件适用于现代浏览器（Chrome，Firefox，Safari，Edge等），不支持旧版本IE浏览器。

开源协议

该插件采用MIT协议开源，任何人都可以免费使用、修改和分发该插件的源代码。详细细节请查看LICENSE文件。