No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
example aa Feb 5, 2014
LICENSE Initial commit Feb 4, 2014 update Feb 5, 2014
sticker.js first upload Feb 5, 2014
sticker.min.js first upload Feb 5, 2014


alt text

A Javascript library that allows you to create a Sticker Effect.

  • No dependencies
  • Works in most of major browsers that support CSS 3 (IE10+)
  • MIT License



Download the js file and include it in your html, and create sticker elements.

	<!-- dom elements -->
	<div class="sticker example-1"></div>

	<div class="sticker example-2"></div>
    <script type="text/javascript" src="sticker.min.js"></script>

Add background image or background color. you can also change the shadow opacity.

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

Call the init() method with target elements (.className or #ID).



Licensed under the MIT license.