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 – 帮助你在网站中加入贴纸效果
编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
本文出处【http://www.cnblogs.com/lhb25/】