Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
saplas
@saplas
HTML
CSS
Вёрстка
Как сделать прозрачные буквы?
Добрый вечер. В макете есть такой текст на слайдере
Буквы "М" и "Ы" наполовину прозрачны.
https://codepen.io/anon/pen/RdOOBL
Вопрос задан
более трёх лет назад
3584 просмотра
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
hzzzzl
@hzzzzl
не выйдет так, буква или прозрачная или с цветом, если еще от Ы можно отпилить Ь, то М наполовину с фоном и наполовину с цветом не получится
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
4
lagudal
@lagudal
картинка не видна, но если вы сами выделили нужное вам в span - то почему бы просто не задать этому селектору opacity: 0.5; или сколько вам нужно?
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Dymok
@UnluckySerivelha
И в чем проблема?
snippet
Ответ написан
более трёх лет назад
5
комментариев
Нравится
5
комментариев
Facebook
Вконтакте
Twitter
saplas
@saplas
Автор вопроса
В том что "Буквы "М" и "Ы" наполовину прозрачны." и в том что opacity ни чуть не подходит тут
Написано
более трёх лет назад
Dymok
@UnluckySerivelha
saplas
, картинка не загрузилась, в вашем примере на codepen нет букв М и Ы
Написано
более трёх лет назад
saplas
@saplas
Автор вопроса
Dymok
, Для этого я прикрепил скрин, а на codepen просто пример
Написано
более трёх лет назад
Даниил Маслов
@s0xzwasd
saplas
, залейте изображение ещё раз, не отображается
Написано
более трёх лет назад
saplas
@saplas
Автор вопроса
s0xzwasd
, тут есть
https://codepen.io/anon/pen/RdOOBL
Написано
более трёх лет назад
Анатолий Куликов
@anatoly_kulikov
Помог ответ? Отметь решением!
Согласен с предыдущими комментаторами, обернуть в span и навесить стиль color: rgba(255,255,255,0.5)
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Николай Расич
@rasich
frontend developer
2 раза напиши этот текст. первый раз под картинкой, второй - над. и задай прозрачность и белую рамку для верхней
z-index и position absolute в помощь
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Средний
Не влезает шрифт в input?
2 подписчика
8 часов назад
387 просмотров
0
ответов
HTML
+1 ещё
Простой
Как задать прозрачность изображению?
1 подписчик
10 часов назад
56 просмотров
1
ответ
Вёрстка
Средний
Как создать эффект для активной кнопки?
1 подписчик
09 июл.
111 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В HTML?
1 подписчик
07 июл.
804 просмотра
5
ответов
JavaScript
+3 ещё
Простой
Как открыть ссылку из html-файла на диске в той же вкладке браузера?
1 подписчик
07 июл.
195 просмотров
2
ответа
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
06 июл.
125 просмотров
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
2 подписчика
06 июл.
1594 просмотра
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
06 июл.
95 просмотров
0
ответов
Вёрстка
Простой
TG Mini App Full screen отступ от выреза?
2 подписчика
05 июл.
242 просмотра
1
ответ
CSS
+1 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
02 июл.
197 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Frontend-разработчик
MyAdsTarget
от 150 000 ₽
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама