HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 帮助你在网站中加入贴纸效果

帮助你在网站中加入贴纸效果

        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');
立即下载      在线演示

【帮助你在网站中加入贴纸效果】相关文章

1. 帮助你在网站中加入贴纸效果

2. 谷歌计划重整Gmail 或将在其YouTube中加入HTML5

3. 在网站开中很有用的8个 jQuery 效果【附源码】

4. 10个 jQuery 插件用于在你的网站中实现数据可视化

5. 在网站制作中随时可用的10个 HTML5 代码片段

6. 帮助你开发基于HTML5的网站原型页面 - HTML5 Bones

7. bookblock:可帮助你生成翻页效果的jQuery插件

8. bookblock:可帮助你生成翻页效果的jQuery插件

9. 帮助你构建超炫的互动球体效果

10. 帮助你实现超炫的元素运动效果

本文来源:https://www.51html5.com/a3558.html

点击展开全部

﹝帮助你在网站中加入贴纸效果﹞相关内容

「帮助你在网站中加入贴纸效果」相关专题

其它栏目

也许您还喜欢