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

Question

[kentos]

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

Переход на сайт с формой

Comments

[snap44]

Как-то так https://codepen.io/anon/pen/zLyLJQ

Answer 1

[Михаил Криворучко]

Можно задать для формы 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/