Sticker.js – 帮助你在网站中加入贴纸效果
Sticker.js 是一个很小的 JavaScript 库,它允许您在网页中创建漂亮的贴纸效果。没有依赖关系(不需要 jQuery),可以在大多数支持 CSS3 的主流浏览器工作。下面有简单的使用示例,更多功能等着你去发现。
您可能感兴趣的相关文章
使用示例:
HTML:
<!-- dom elements --> <div class="sticker example-1"></div> <div class="sticker example-2"></div>
CSS:
.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:
<!-- call sticker js --> Sticker.init('.sticker');
您可能感兴趣的相关文章
作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。