Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Максим Арон
@Smiled
HTML
CSS
Веб-разработка
Фронтенд
Текст — -- маска?
У меня есть полу прозрачный темный див сверху которого находится текст. Мне нужно что бы Див был темный а сам текст просто прозрачный и не темный
Вопрос задан
более трёх лет назад
231 просмотр
2
комментария
Подписаться
1
Оценить
2
комментария
Facebook
Вконтакте
Twitter
Natalia Baženova
@logiciel
Но ведь если текст прозрачный, то он не виден. Зачем он тогда нужен? Что-то я визуально не могу представить такую конструкцию.
Написано
более трёх лет назад
Максим Арон
@Smiled
Автор вопроса
logiciel
: codepen.io/sverdlov/pen/aJEraq
Написано
более трёх лет назад
Решения вопроса
1
Андрей Свердлов
@naremo13
codepen.io/sverdlov/pen/aJEraq
Ответ написан
более трёх лет назад
Комментировать
Нравится
3
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
2
Mary Солнечная
@MaryT
IT люблю
В каком смысле текст прозрачный и не темный?
Вот пример с темным блоком и текстом внутри. Стили можете варьировать на ваше усмотрение, но смысл вроде тот же:
Тыц
Ответ написан
более трёх лет назад
4
комментария
Нравится
4
комментария
Facebook
Вконтакте
Twitter
Максим Арон
@Smiled
Автор вопроса
Он не прозрачный а просто белый
Написано
более трёх лет назад
Mary Солнечная
@MaryT
Тогда сделайте вот так
https://jsfiddle.net/cuxmL4q4/1/
Написано
более трёх лет назад
Mary Солнечная
@MaryT
Пропишите color: rgba(255,255,255, 0.5);
Написано
более трёх лет назад
Максим Арон
@Smiled
Автор вопроса
Mary Солнечная
: Уже пытался так. Но эффект не тот
Написано
более трёх лет назад
Андрей Федоров
@aliencash
Партизан
codepen.io/aliencash/pen/evybNo
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
Максим Арон
@Smiled
Автор вопроса
У меня такая же ситуация, но нужно сделать чтобы текст был не белый а прозрачный без затемнения
Написано
более трёх лет назад
Андрей Федоров
@aliencash
Вам нужен background-blend-mode. Воспользуйтесь поиском, тут были примеры кода.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Средний
Как установить запрет поворота карточки флип блока в Elementor (CMS WordPress)?
1 подписчик
час назад
15 просмотров
0
ответов
CSS
+2 ещё
Простой
Не работает css в visual studion?
1 подписчик
3 часа назад
42 просмотра
0
ответов
Веб-разработка
Простой
Как оценить сложность проекта и найти грамотных исполнителей?
2 подписчика
вчера
484 просмотра
4
ответа
JavaScript
+2 ещё
Простой
Как добавить AutoPlay для видео в модальном окне?
1 подписчик
12 июн.
87 просмотров
1
ответ
HTML
+1 ещё
Простой
Как реализовать переход с Bootstrap 3 на Bootstrap 5?
1 подписчик
12 июн.
110 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Как реализовать запуск видео на сайте по клику видео YouTube/Vimeo на bootstrap?
1 подписчик
11 июн.
90 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Не работает эта чатсть submit.addEventListener?
1 подписчик
11 июн.
76 просмотров
1
ответ
Веб-разработка
+2 ещё
Простой
Может ли браузер дублировать POST запрос?
4 подписчика
11 июн.
1370 просмотров
2
ответа
Веб-разработка
Простой
Кто должен устанавливать cookie, клиент или сервер?
1 подписчик
11 июн.
373 просмотра
3
ответа
Python
+3 ещё
Простой
Как хранить и показывать локальные файлы в CRM (frontend + backend)?
1 подписчик
10 июн.
146 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 100 000 до 150 000 ₽
Специалист по техническому сопровождению клиентов (2 линия)
Food Soul
•
Калининград
от 60 000 ₽
Fullstack-разработчик сайтов 1С-Битрикс
Валверде
от 80 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама