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 Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s