Skip to content

Add pretty filter overlay with custom colors and opacity to html img elements

License

Notifications You must be signed in to change notification settings

alaboudi/image-filter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

#Image-Filter

##Usage

  1. Add the js file into your html page
  2. Add 'image-filter' class to img element, specify color and opacity as data attributes.
  3. Enjoy your picture

html example: <img class="image-filter" data-color="#333" data-opacity="0.5">

##Details This javascript code wraps images with div elements and places a sibling div elements at runtime. It should not take up spaces but should be kept in mind when designing.

Bower package coming soon

About

Add pretty filter overlay with custom colors and opacity to html img elements

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published