@Kamil_Minikeev

Как сделать такую анимацию стрелки?

638493f91b021664010433.png Стрелка сначала должна расширится вправо(хвост стрелки по ширине увеличивается, тем самым толкая стрелку - это я сделал). А потом хвост этой стрелки должен уменьшится как то слева направо(при этом стрелка остается в правом положении). И такую анимацию повторять надо раз в несколько секунд.

Смог пока только расширение стрелки сделать. Теперь как-то хвост стрелки надо тянуть за ней:
Мой код на codepen:
  • Вопрос задан
  • 107 просмотров
Решения вопроса 1
Seasle
@Seasle Куратор тега CSS
\( ゚ヮ゚)/
@keyframes arrow {
  0% {
    width: 60px;
  }
  
  25% {
    width: 260px;
    transform: translateX(0px);
  }
  
  50%, 75% {
    width: 60px;
    transform: translateX(200px);
  }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы