Sticker.js

Usage

Call the init() method with target elements (.className or #ID).
It creates the necessary HTML elements in the target
and add the sticker effect using CSS 3

• 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');