Use Sticker. js to implement Sticker effect _ javascript skills

This article describes how to use Sticker on a website. js achieves the Paster effect, which is very cool and recommended to Sticker. javaScript is a small JavaScript library that allows you to create beautiful Paster effects on webpages. No dependency (jQuery is not required). It can work in most mainstream browsers that support CSS3. The following is a simple example for you to find more functions.

Example:

HTML:

The Code is as follows:

CSS:

The Code is 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:

The Code is as follows:

Sticker. init ('. sticker ');

Download Online Demo now