Shadow_Princess
@Shadow_Princess

Можно ли сделать такую надпись в html без использования картинок?

Доброго дня!
Возник вопрос на который самостоятельно ответить не могу. А надо)
Вот прошу помощи у специалистов: возможно ли сделать такую надпись в html без использования картинок? Только посредством html, css, ну может быть js

93a8c0c2d30b42d0981f057bfb67abd4.png

Т.е. слово, внутри него какое-то наполнение. Даже не знаю как и рассказать правильно... Уж простите.

Может кто поймет и сможет поделиться? Буду очень благодарна.
  • Вопрос задан
  • 322 просмотра
Решения вопроса 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Пригласить эксперта
Ответы на вопрос 4
xtala
@xtala
Постигает Дзен
Нарисуйте ее в SVG. SVG это вроде как не картинка а набор правил и векторной математики по которым браузер отрисовывает и рендерит самостоятельно какое либо изображение и оно масштабируемо. Но вообще странное желание. Производительность при такой реализации упадет ниже плинтуса, а Гугл выпишет вам счастливый билет на сотую страницу выдачи, т.к. оптимизация и скорость работы сайта влияют на его ранжирование.
Ответ написан
Комментировать
iwqn
@iwqn
Программист-самоучка
Попробуйте использовать несколько слоёв с разным z-index, абсолютным позиционирование и прозрачностью у букв
Ответ написан
Комментировать
LenovoId
@LenovoId
I want, women not to get sick
Можно просто вырезать этот текст в любом редакторе изображений и сохранить , потом уже в Див фотом нужное изображение и поверх ваше изображение
Ответ написан
Комментировать
@BobJack
Можно, это называется svg-маска. Долго над этим промучился, в итоге сделал кроссбраузерное решение (т.к. firefox просто svg-маски не любит). Можете посмотреть, как это реализовано у меня: https://live.sysoev.pw/wp/wowday
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы