宝哥软件园

使用Sticker.js实现贴纸效果

编辑:宝哥软件园 来源:互联网 时间:2021-10-14

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('。贴纸’);

立即下载在线演示文稿。

更多资讯
游戏推荐
更多+