Задать вопрос
@dinodp
javascript

Как сделать такой эффект с текстом при появлении и обновлении страницы?

Подскажите каким образом можно добиться такого эффекта как на этом сайте https://landing.ua (ТОЛЬКО С ТЕКСТОМ СВЕРХУ)
Я уже тут велосипед собрал)
Создал див который должен проезжать расстояние моего текста и потом исчезать, родителю дал оверфлоу хайден ( чтоб не было видно того кто едет :D ) но чё-то криво у меня всё получается.
Дайте пожалуйста, ссылку на codepen или как вам будет удобно, в любом случае буду благодарен)
  • Вопрос задан
  • 209 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
SkipTyler
@SkipTyler
Junior+ Front-End developer
Достаточно создать простую анимацию. 

@keyframes toRight {
  from {
    transform: translate3d(-300px, 0 , 0)
    }
  to {
    transform: none;
    }
}


И применить её к вашему тексту/блоку. 
.text {
  animation: toRight 1s ease;
}


Можете поиграться с длительностью, задержкой и тайминг функцией.
Подробнее можно почитать тут
Ответ написан
3 комментария
3 комментария
cjstress
@cjstress
C#
Я - ярый противник такого кала на экране. Особенно когда ты с мобильного сидишь и у тебя то 3g то E. Еще и видос на первом экране на фоне. Студия #1 в Украине - страшно подумать)
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка стратегий продвижения в соц сетях FB
24 апр. 2024, в 20:50
10000 руб./за проект
Правка в веб приложение
24 апр. 2024, в 20:35
5000 руб./за проект
Unity очень простая игра
24 апр. 2024, в 19:51
1000 руб./за проект
Ещё заказы