使用Sticker.js实现贴纸效果

Sticker.js是一个小型的JavaScript库，可以让你在网页中创建漂亮的贴纸效果。没有依赖性(不需要jQuery)，它可以在大多数支持CSS3的主流浏览器中工作。这里有一些简单的用法示例，还有更多功能等着你去发现。

使用示例：

HTML:

复制代码如下：- dom元素- div class='贴纸示例-1'/divdiv class='贴纸示例-2'/div

CSS:复制代码如下：贴纸{ width: 180px高度： 180 px；}//添加image.example-1。贴纸-img { background-image : URL(heroes-2 . png)；}//添加颜色.示例-2。贴纸-img { background-color : # ff4a 85；}//更改阴影不透明度。示例-2。贴纸-阴影{ opacity: 0.6}

JavaScript:

复制代码如下：-调用sticker js - Sticker.init('。贴纸’)；

立即下载在线演示文稿。