Sticker.js – js lib for creating Sticker Effect

Sticker.js
Sticker.js is a Javascript library that allows you to create a Sticker Effect. Good thing with this libraty is that there is no dependency on any other libraries link jQuery. So, this can be used independently. It is released under MIT License. Inspiration for this project came from
Sanghee Cho’s Heroes Project.
Usage:
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;
}

JS

<!-- call sticker js -->
Sticker.init('.sticker');

Cool one. Ain’t it? Give it a try!

Leave a Comment

Your email address will not be published. Required fields are marked *