Як зробити зображення тьмяним у HTML?

Найпростіший спосіб збліднути всю фотографію — це використовувати непрозорість і суцільний фон.

  1. Відкрийте: відкрийте свою фотографію в Photoshop. …
  2. Накладіть шар: створіть новий шар заливки або коригувальний шар, клацнувши піктограму кола внизу панелі шарів. …
  3. Зникнути: …
  4. Налаштуйте це:

Функцію brightness() можна використовувати як значення для застосування лінійного множника, щоб зробити зображення темнішим або світлішим за вихідний. Щоб зробити зображення темнішим, можна використати будь-яке значення нижче 100%, щоб затемнити зображення на цей відсоток.

Якщо ви хочете зробити все зображення прозорим, додайте властивість 'opacity' і встановіть її значення від 0 до 1 для елемента 'img'.

елемент fade-img. Ми тоді використовуйте властивість фону linear-gradient для створення градієнта від прозорого (альфа-значення 0) до білого (альфа-значення 1), що надає зображенню ефект вицвітання внизу.

Налаштування непрозорості для плавного переходу Ви можете далі налаштуйте непрозорість маски шару щоб точно налаштувати ефект згасання. Це робиться шляхом переміщення повзунка непрозорості на панелі шарів, щоб досягти бажаного рівня прозорості.