贴片效果插件Sticker.js

 查看演示  website  立即下载

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

Sticker.init('.sticker');

PREVIOUS:
NEXT:
jQuery地图插件WhatsNearby
jquery轮播图-小米网效果