Copy of Анимация текста

О МАСТЕРСКОЙ

КАТАЛОГ

КОНТАКТЫ

Изделия из кожи ручной работы

Ваш заказ:

Добавьте товары в корзину и они отобразятся здесь.

В КОРЗИНЕ НЕТ ТОВАРОВ

ЗАКРЫТЬ

О МАСТЕРСКОЙ

ЗАКРЫТЬ

КОНТАКТЫ

Изделия из кожи ручной работы

Ваш заказ:

Мессенджеры

КОЛЛАБОРАЦИЯ

Эксклюзивная коллекция с
спортсменом Сергеем Бадюком

Написать

+7 (999) 999-99-99

Позвонить

СТРАНИЦА НАХОДИТСЯ
В РАЗРАБОТКЕ

ЕЩЕ НЕДОСТУПНО

ЗАКРЫТЬ

О МАСТЕРСКОЙ

КАТАЛОГ

КОНТАКТЫ

Изделия из кожи ручной работы

Меню

Написать

+7 (999) 999-99-99

Позвонить

TODAY’S

CREATIVE

FOR TOMORROW

Стили из видео


<style>
    #rec378779831 .tn-elem[data-elem-id="1636798923728"],
    #rec378779831 .tn-elem[data-elem-id="1636798990311"],
    #rec378779831 .tn-elem[data-elem-id="1636799025514"] {
    display: block;
    overflow: hidden;
    height: 230px;
    }

    @media screen and (max-width: 480px) {
     #rec378779831 .tn-elem[data-elem-id="1636798923728"],
    #rec378779831 .tn-elem[data-elem-id="1636798990311"],
    #rec378779831 .tn-elem[data-elem-id="1636799025514"]  {
    overflow: hidden;
    height: 55px;
    }
    }
</style>

Способ 2:

Добавляем класс text-animation для нашего текста

Стили с классом


<style>
   .text-animation {
    overflow: hidden;
    height: 230px;
    }
    
    @media screen and (max-width: 480px) {
    .text-animation {
    overflow: hidden;
    height: 55px;
    }
    }
</style>