一个JavaScript库，允许您创建一个贴纸效果

        一个jquery插件实现的贴纸效果，可以是图片，或是颜色的色块，都是可以进行翻转折叠的。很好的一个效果，请查看演示才能感觉该插件的正在效果。

        不依赖适用于大多数的支持CSS3的主流浏览器（IE10+）MIT许可证。

用法

导入文件

    <div class="sticker example-1"></div>

    <div class="sticker example-2"></div>

    <script type="text/javascript" src="sticker.min.js"></script>

基本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;
    }

调用插件

Sticker.init('.sticker');

本文作者： Liaodeity

本文链接： https://www.jianbaizhan.com/code/782.html

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！