Sticker.js – 帮助你在网站中加入贴纸效果
Sticker.js 是一个很小的 JavaScript 库,它允许您在网页中创建漂亮的贴纸效果。没有依赖关系(不需要 jQuery),可以在大多数支持 CSS3 的主流浏览器工作。下面有简单的使用示例,更多功能等着你去发现。
使用示例:
HTML:
1
2
3 |
<!-- dom elements --> <div class = "sticker example-1" ></div> <div class = "sticker example-2" ></div> |
CSS:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 |
.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 ; } |
JavaScript:
1
2 |
<!-- call sticker js --> Sticker.init( ‘.sticker‘ ); |
本文链接:Sticker.js – 帮助你在网站中加入贴纸效果
编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。