一个JavaScript库,它帮助您创建一个贴片效果
没有依赖关系(不需要jQuery的)
下载Sticker.js文件将其包含在你的HTML,并建立贴纸元素。
1 2 3 4 | <!-- dom elements --><div class="sticker example-1"></div><div class="sticker example-2"></div><script type="text/javascript" src="sticker.min.js"></script> |
添加背景图像或背景色。您还可以更改阴影的不透明度。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | .sticker { width: 180px; height: 180px;}// add image.example-1 .sticker-img { background-image: url(heroes-2.png);}// add color.example-2 .sticker-img { background-color: #ff4a85;}// change shadow opacity.example-2 .sticker-shadow { opacity: 0.6;} |
与目标元素(类名或ID#)调用init()方法。
1 | Sticker.init('.sticker'); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com