一个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