Add an instant picture effect with Instant.js 2.0

Add an instant picture effect with Instant.js 2.0

If you are looking for an alternative instant picture effect to images on your webpages, think of Instant.js 2.0 from CVI-lab. With this cool JavaScript, you can save time creating a Polaroid™ image effect.

You just need to add a class="instant" to the image (after its installment into your website), and with custom classes you get these instant picture effects :

* various tilt directions on your pictures
* vary the shadow by the desired opacity in percent:
* shadow opacity class and prevent the shading by adding "noshading" class
* vary the frame by adding icolor followed by the desired color as hex:
* preserve the image aspect ratio
* vary the annotation text and desired color as hex:
* get the text from alt attribute by adding itxtalt class
* get the text from title attribute by adding itxttitle class

Should be a real time saver for you ;) Check the details of how to implement this cool Instant.js 2.0 scripting to get nice image effect now!

Incoming search terms:

  • instant js
  • instant effect on images
  • itxtalt not working
Voted by:

No Responses to “Add an instant picture effect with Instant.js 2.0” Leave a reply ›

Leave a Reply

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>