Задать вопрос
@crdrads
css

Есть ли чисто CSS хак для контраста с бэкграундом?

Набросал примерный конечный эффект, но он работает только на черном/белом. На других фонах появляется кислотный цвет и даже фильтры не работают почему-то (?) - https://codepen.io/dubdub/pen/yGeLjv
Было бы нормально если бы эту кислоту преобразовывать в оттенки серого.

Можно ли как-то решить только CSS? Маски, фильтры, клип и тд?
  • Вопрос задан
  • 119 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Универсального варианта, без модификации стилей section, не придумалось.

Только такой: добавлять еще один mix-blend-mode, но уже для конкретных section. Либо luminosity для получения серого, либо color для получения белого цвета шрифта.

.red {
  background-color: red;
  mix-blend-mode: luminosity;
}

https://codepen.io/anon/pen/WLrPrm
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
sergski
@sergski
web-developer
У вас же используется mix-blend-mode: difference для заголовка. Вы контраст белого заголовка для белого бекграунда и сделали.)
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Поменять пароль root пользователя mysql
01 мая 2024, в 23:44
1000 руб./за проект
Модифицировать android приложение
01 мая 2024, в 23:25
2000 руб./за проект
Разработка онлайн казино слот-машины "Клубника" Pixi.js или Three.js
01 мая 2024, в 23:05
1500 руб./в час
Ещё заказы