jQuery Plugin For 3D Anaglyph Effects - Anaglyph.js

jQuery Plugin For 3D Anaglyph Effects - Anaglyph.js
File Size: 169 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Anaglyph.js is a fancy, lightweight jQuery plugin which applies 3D Anaglyph effects to any DOM elements using plain JavaScript and CSS.

About Anaglyph 3D:

Anaglyph 3D is the name given to the stereoscopic 3D effect achieved by means of encoding each eye's image using filters of different (usually chromatically opposite) colors, typically red and cyan. Learn More.

How to use it:

1. Load the plugin's script anaglyph_plugin.js after jQuery library and the Anaglyph.js is ready for use.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="js/anaglyph_plugin.js"></script>

2. Apply the 3D Anaglyph effect to all DOM elements within the container 'main'.

$('main').anaGlyph();

3. Depth adjustment.

$('main').anaGlyph({
  Depth3D:36px
})

This awesome jQuery plugin is developed by takeruts. For more Advanced Usages, please check the demo page or visit the official website.