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

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

Добрый день!
Подскажите, пожалуйста, как добавить эффект отражения тексту? пробовал через before и after (используя атрибут title), пробовал через span вложенный в другой span и через позиционирование, blur и scaleY . Но получается немного не то. Нужен эффект затухания. Чтобы отражалась только половина текста. как бы начиная от основания отражение и к половине затухает. (наглядно на изображении).
Было бы нереально круто если бы это было кроссбраузерно и адаптивно( при изменении размера шрифта , отражения изменялось аналогично)
8a9cf23edee74c419ebaed34fbd7639a.jpg
  • Вопрос задан
  • 260 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 2
Ni55aN
@Ni55aN
Дублировать элемент и добавить к нему стили

transform:
- scaleY
- translateY


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

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

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