Как сделать эффект, что бы рамка (border) рисовалась вокруг элемента?

Question

[Максим Корольский]

И что бы останавливалась когда дойдет до конца

Answer 1

[iBird Rose]

как вариант расставить 4 элемента абсолютом по углам блока, а потом через css анимацию увеличивать их width и height соответственно
https://jsfiddle.net/z6to5j5t/1/

Answer 2

[Олег]

На svg прикольно можно реализовать так tympanus.net/Tutorials/BorderAnimationSVG