贴片效果插件Sticker.js

所属分类：其他-动画效果

30315 302 查看评论 (3)

分享到微信朋友圈

查看演示立即下载

插件描述：Sticker.js 一个JavaScript库，它帮助您创建一个贴片效果.

一个JavaScript库，它帮助您创建一个贴片效果

没有依赖关系（不需要jQuery的)

用法

下载Sticker.js文件将其包含在你的HTML，并建立贴纸元素。

<!-- dom elements -->
<div class="sticker example-1"></div>
<div class="sticker example-2"></div>
<script type="text/javascript" src="sticker.min.js"></script>

添加背景图像或背景色。您还可以更改阴影的不透明度。

.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()方法。