No description, website, or topics provided.
Latest commit 8176b9c Feb 6, 2014 @cmiscm update
Permalink
Failed to load latest commit information.
example aa Feb 5, 2014
LICENSE Initial commit Feb 4, 2014
README.md update Feb 5, 2014
sticker.js first upload Feb 5, 2014
sticker.min.js first upload Feb 5, 2014

README.md

Sticker.js

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

Example

http://stickerjs.cmiscm.com/

Usage

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

    Sticker.init('.sticker');

License

Licensed under the MIT license.