ColoFilter CSS
Categories
Component ID
Component name
Component type
Maintenance status
Development status
Component security advisory coverage
Downloads
Component created
Component changed
Component body
Integrates the ColoFilter CSS library for image effects in Drupal using CSS blend modes.
Using this module you can add any one of the 30 effects on any image field in Drupal. Among other uses, it works great for profile images adding a cool color filter to any image. No coding necessary!
From the library's page,
Those colorful filters uses CSS blend modes and were heavily inspired by Spotify new 2015 ads. This technic is called "DuoTone", and today, with the power of CSS we can play around with some blend-modes properties, to get some cool visual results.
Installation Steps:
---------------------------
- Download and Install this Module.
- Go to Manage Display section of a Content type or entity type where you have a image field.
- Click the gear icon and choose any effect you want. Refer the screenshot attached to check different effects.
Please note:
------------------
Unfortunately, it will not work with IE & Edge browsers, as well as Opera Mini, and Safari (desktop & IOS ) is not supporting the hue, saturation, color, and luminosity blend modes.
Credits
-----------
Credit for the CSS library goes to @lukyVj.