How to change the lighting of an image in CSS

HTML & CSS
1

How do I change the lighting of an image using CSS?

2

For example:

https://duckduckgo.com/?q=How+do+I+change+the+lighting+of+an+image+using+CSS

If you have any specific case, please post more details. :slight_smile:

3

[OFF TOPIC]

Do you use DuckDuckGo browser I recommend chrome its way better for example?

4

(OT continue)
I’m inclined to avoid Google, they use AI to guess what my interests are instead of showing the most relevant results. So way better is only when they guess right, I would say.

DDG is only one option, there’s more good alternatives to Google and many more that’s specializing in different areas.

(OT end)

1 Like
5

Hi,

They’re both search engines in this context - not browsers.

Google (the company) is extremely invasive of your privacy. I’m happy to sacrifice the convenience this affords.

1 Like
6

What specifically do you mean by “change the lighting”?
Give an example.

7

I already got an answer. but thanks for your support.

8

Please enlighten us with your answer.

9

Erik_J

For example:

https://duckduckgo.com/?q=How+do+I+change+the+lighting+of+an+image+using+CSS

If you have any specific case, please post more details. :slight_smile:

my answer was

filter: brightness(180%);

but can you tell me how do you change the areas of brightness, like can you put one area dark and one light?

1 Like
10

You would probably need to layer versions of the image with different filters and mask the layers.
Though it may be easier in SVG, if it must be done via code (depending on complexity).
An image editor is the obvious (non-code) tool.

2 Likes
11

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.