_javascript tips for using Sticker.js to implement sticker effects

Sticker.js is a small JavaScript library that allows you to create beautiful sticker effects in your Web pages. There is no dependency (no need for jQuery) to work in most mainstream browsers that support CSS3. Here are some simple examples of how you can find more features.

Use examples:

Html:

Copy Code code as follows:

<!--DOM elements-->
<div class= "Sticker example-1" ></div>
<div class= "Sticker example-2" ></div>

Css:

Copy Code code as follows:

. 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;
}

Javascript:

Copy Code code as follows:

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

Download Online Demo Now