Власники дисплеїв з підтримкою HDR, які користуються Chrome 137 чи новішим або Safari 26+ (у тому числі на iOS), могли помічати незвичний ефект: окремі кольори на зображеннях раптом стають настільки насиченими, що інша частина екрана поруч із ними здається пригашеною.
Автор матеріалу зізнається, що такий візуальний ефект його дещо дратує, проте визнає — як технологічна забавка це може виглядати доволі цікаво. Саме таку демонстрацію пропонує сайт soverybright.com, і, за словами автора, прийом дійсно спрацьовує.
For the web we add an ISO 21496-1 gain map — a second, tiny grayscale image that tells HDR-aware software how much brighter each pixel may go.
Цей самий ефект можна застосувати навіть до тексту — для цього використовують уже звичний прийом background-clip: text, який зазвичай слугує для створення градієнтних написів.
Хочете стати кращим дизайнером?
Сара Дреснер (Sarah Drasner) — досвідчена дизайнерка, авторка курсу Design for Developers, що допомагає розробникам самостійно опановувати дизайн. За підпискою Master.dev відкривається доступ до понад 300 курсів, а сьогодні на неї діє знижка 20%.
- Персоналізоване навчання
- Експерти зі світовим досвідом
- 24 навчальні траєкторії
- Живі інтерактивні воркшопи
Джерело: Master.dev Blog
