https://github.com/farski/jquery-blend

Apply blend modes to images with colors or other images
https://github.com/farski/jquery-blend

Last synced: about 1 month ago
JSON representation

Apply blend modes to images with colors or other images

• Host: GitHub
• URL: https://github.com/farski/jquery-blend
• Owner: farski
• Created: 2012-02-19T19:11:19.000Z (almost 13 years ago)
• Default Branch: master
• Last Pushed: 2012-04-19T00:23:08.000Z (almost 13 years ago)
• Last Synced: 2023-04-13T10:36:06.744Z (almost 2 years ago)
• Language: JavaScript
• Homepage: http://farski.github.com/jquery-blend/
• Size: 200 KB
• Stars: 23
• Watchers: 5
• Forks: 8
• Open Issues: 3
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# jquery-blend

Blending modes for jquery

### Examples

#### Basic pattern

    // Overlay with a solid color

    $('img').blend({mode: 'overlay', adjustment: 'rgb(114, 25, 219)'});

    

    // Overlay with an image

    $('img').blend({mode: 'difference', adjustment: '/path/to/mask.jpg'});

#### Usage idea

    $(function() {

      $('.display img').each(function() {

        $(this).blend({mode: $(this).attr('data-blend-mode'), adjustment: $(this).attr('data-blend-adjustment')});

      });

    });

    


      

    


### Modes

    

- normal

- darken

- multiply

- colorburn

- linearburn

- lighten

- screen

- colordodge

- lineardodge

- overlay

- softlight

- hardlight

- difference

- exclusion

- subtract