Your
Text
Эффект blur для текста
Создадим ZeroBlock, и добавим в него текст, затем добавим на страницу блок Т123 и добавим в него код, заменив класс элемента текста. В коде можно менять настройки времени размытия текста в строке "blur-out-contract 3s"
Видеоинструкция
Код 1: Blur
<!--Заменяем класс элемента текста на свой -->

<style>

  .t396 .tn-elem__1408174701573396108268
{
-webkit-animation: blur-out-contract 3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: blur-out-contract 3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


@-webkit-keyframes blur-out-contract {
  0% {
    -webkit-filter: blur(0.01);
            filter: blur(0.01);
  }
  100% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px) opacity(0%);
            filter: blur(12px) opacity(0%);
  }
}
@keyframes blur-out-contract {
  0% {
    -webkit-filter: blur(0.01);
            filter: blur(0.01);
  }
  100% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px) opacity(0%);
            filter: blur(12px) opacity(0%);
  }
}

</style>
Код 2: Тень для текста
<!--Заменяем класс элемента текста на свой -->

<style>

  .t396 .tn-elem__1408174701573396108268
{
-webkit-animation: text-shadow-drop-left 6.6s both;
	        animation: text-shadow-drop-left 6.6s both;
}


@-webkit-keyframes text-shadow-drop-left {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    text-shadow: -26px 0 18px rgba(0, 0, 0, 0.35);
  }
}
@keyframes text-shadow-drop-left {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    text-shadow: -26px 0 18px rgba(0, 0, 0, 0.35);
  }
}

</style>