Как сделать прозрачные буквы?

Question

[saplas]

Добрый вечер. В макете есть такой текст на слайдере

Буквы "М" и "Ы" наполовину прозрачны.
https://codepen.io/anon/pen/RdOOBL

Answer 1

[hzzzzl]

не выйдет так, буква или прозрачная или с цветом, если еще от Ы можно отпилить Ь, то М наполовину с фоном и наполовину с цветом не получится

Answer 2

[lagudal]

картинка не видна, но если вы сами выделили нужное вам в span - то почему бы просто не задать этому селектору opacity: 0.5; или сколько вам нужно?

Answer 3

[Dymok]

И в чем проблема?

Comments

[saplas]

В том что "Буквы "М" и "Ы" наполовину прозрачны." и в том что opacity ни чуть не подходит тут

[Dymok]

saplas, картинка не загрузилась, в вашем примере на codepen нет букв М и Ы

[saplas]

Dymok, Для этого я прикрепил скрин, а на codepen просто пример

[Даниил Маслов]

saplas, залейте изображение ещё раз, не отображается

[saplas]

s0xzwasd, тут есть https://codepen.io/anon/pen/RdOOBL

Answer 4

[Анатолий Куликов]

Согласен с предыдущими комментаторами, обернуть в span и навесить стиль color: rgba(255,255,255,0.5)

Answer 5

[Николай Расич]

2 раза напиши этот текст. первый раз под картинкой, второй - над. и задай прозрачность и белую рамку для верхней
z-index и position absolute в помощь