Задать вопрос

Как добавить эффект отражения тексту?

Добрый день!
Подскажите, пожалуйста, как добавить эффект отражения тексту? пробовал через before и after (используя атрибут title), пробовал через span вложенный в другой span и через позиционирование, blur и scaleY . Но получается немного не то. Нужен эффект затухания. Чтобы отражалась только половина текста. как бы начиная от основания отражение и к половине затухает. (наглядно на изображении).
Было бы нереально круто если бы это было кроссбраузерно и адаптивно( при изменении размера шрифта , отражения изменялось аналогично)
8a9cf23edee74c419ebaed34fbd7639a.jpg
  • Вопрос задан
  • 263 просмотра
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию
    6 месяцев
    Далее
Решения вопроса 2
Ni55aN
@Ni55aN
Дублировать элемент и добавить к нему стили

transform:
- scaleY
- translateY


mask-image:
- linear-gradient
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы