@kentos

Как сделать рисующуюся линию?

Как сделать под форомой рисующуюся линию? присвоен один класс

Переход на сайт с формой
  • Вопрос задан
  • 138 просмотров
Пригласить эксперта
Ответы на вопрос 1
mishana
@mishana
Верстальщик. Контакты/Портфолио в профиле
Можно задать для формы position: relative и псевдоклас ::after и для него задать такие свойства:
form::after{
  display: block;
  content: '';
  height: 5px;
  position: absolute;
  bottom: -5px;
  left: 0;
  background-color: red;
  animation: line 3s linear infinite;
}

И где-то рядом добавить анимацию:
@keyframes line {
  from {
    width: 0%;
  }
  50%{
    width: 100%;
  }
  to {
    width: 0%;
  }
}


Вот пример:
https://codepen.io/pen/
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы