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

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>