Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Dynamic] Image brightness filter

See original GitHub issue

In dynamic mode, image brightness is unchanged, and those whose background is white or those with vivid colors, hurts. An image filter like this one is very good for the eyes:

img {filter:brightness(70%) !important; transition: filter 1s} img:hover, a:hover img {filter:brightness(85%) !important}

Regards

Issue Analytics

State:
Created 5 years ago
Reactions:4
Comments:9 (3 by maintainers)

Top GitHub Comments

1reaction

r3a1d3a1commented, Jan 10, 2022

Sorry, my bad.

I had been playing around with the inversion fix editor while Dynamic mode was on. Then when I figured out it only affects Filter+, I forgot to check how Wiki looks with default settings on Filter+. I just reverted my changes and noticed that Wiki on Filter+ looks better than my version.

I wish Filter+ was enabled by default for Wiki, or its Dynamic mode was up to par with its Filter+ version.

Thanks again and sorry for the trouble.

1reaction

r3a1d3a1commented, Jan 7, 2022

If you like, I can submit a pull request for the inversion fix above.

Top Results From Across the Web

brightness() - CSS: Cascading Style Sheets - MDN Web Docs

The brightness() CSS function applies a linear multiplier to the input image, making it appear brighter or darker.

Manipulate Images Dynamically With CSS Filters - Andreas Wik

With CSS filters we can easily manipulate images, such as turning them black and white, make them blurry, adjust brightness, contrast and ...

Dynamically updating css brightness of the image in Angular 2 ...

You do this by following. [style.filter]="'brightness('+ ...

The Ultimate Contrast Control With Dynamic Contrast - ON1 ...

Dynamic Contrast is my favorite filter in the Effects module of ON1. Why? The incredible control it gives me over contrast in my...

Adjust image brightness | Cloudinary Cookbook

Filters and effects ... Dynamically adjust the brightness of an image. Either manually set the brightness level, or tell Cloudinary to automatically balance ......