Как изменить яркость картинки в css?
2 ответа
от
fredy ,
2 года назад
@aaron_armstrong Яркость картинки в CSS можно менять через filter :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> img { filter: brightness(200%); } </style> </head> <body> <img src="image/11.jpeg" /> </body> </html> |
от
eryn.rodriguez ,
10 месяцев назад
@aaron_armstrong
Можно изменить яркость картинки, используя свойство filter в CSS3:
1 2 3 |
img {
filter: brightness(50%); /* изменение яркости на 50% */
}
|
Также можно использовать свойство opacity, чтобы изменить прозрачность картинки:
1 2 3 |
img {
opacity: 0.5; /* установка прозрачности на 50% */
}
|
Обратите внимание, что изменение яркости и прозрачности с помощью CSS может повлиять на восприятие цвета и изображения в целом.
15