CodeCanyon jQuery Blend Modes 673730

CodeCanyon jQuery Blend Modes 673730

CodeCanyon jQuery Blend Modes 673730
HTML5 Code \ Canvas
Modes \ Plug \ Blend \ Javascript \ Photoshop \ Jquery \ JQuery \ Canvas \ Html

HTML5 Code - jQuery Blend Modes 673730 by Mitgux @ CodeCanyon

HTML5 Code \ Canvas

Last Update: 17 January 12; Compatible Browsers: IE9, Firefox 4, Safari 5, Opera, Chrome; Software Version: HTML5; Files Included: JavaScript JS, HTML, CSS.

Note: If you like this work, please rate it

The idea of jQuery Blend Modes plug-in is to blend two copy of same image with specified blend mode, this process give us an amazing effect without need to use any image editor. This plug-in include 15 blend modes .

- colorBurn

- colorDodge

- exclusion

- hardLight

- hardMix

- linearBurn

- linearDodge

- linearLight

- multiply

- negation

- overlay

- screen

- softLight

- substract

- vividLight

How does it work!
This plug-in use the canvas element that introduced in HTML5 , shortly it’s is a special element that can manipulate the graphics, so we can edit each pixel in an image, and with this power, we can easily apply the blend modes algorithm.
Firstly the plug-in get two copy of an image and blend them with a chosen blend mode, the result of this process putted on a new canvas element, after the plug-in hide the original image, finally it append the generated canvas element before the hidden image, this steps give us an awesome result, and with this basic function we can make a new mouse hover feeling

It’s easy to use.


Nice Docs.
This plugin come with a full documentation contain a simple implementation explain how to make the hover effects .

- Modern browser that support canvas element.

- jQuery (we recommended the latest version)

- Hosting (you can use your localhost)

Credits & Sources.

- This beautiful images used on the demonstration are from ? Lady Tori

- Pattern background from Dinpattern

- Some definition are from Wikipedia

- Fonts from Google web-fonts

- 2012 Mohieddine Abd-kader

Keywords: 15 modes, blend modes, canvas, html5, jQuery blend modes plug-in, javascript, jquery, photoshop, plug-in.

Tags: Modes, Blend, JQuery, Photoshop, Javascript, Jquery

Premium CodeCanyon jQuery Blend Modes 673730 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon jQuery Blend Modes 673730 for digital design and education. CodeCanyon jQuery Blend Modes 673730 desigen style information or anything related.


Add Comments:
Enter Code: *