Как реализовать такую css анимацию?

Question

[Alice777]

Есть набросок кода: https://jsfiddle.net/JohDak/k27hh1jm/1/
Анимация в примере проходит сначала медленно, затем все быстрее за счет того, что бордер задан в VH(это необходимо для адаптивности, в пикселях на мобильном не подстраивается) и он чем больше к краю, тем большее значение VH требует. Помогите реализовать эту анимацию плавно и равномерно

Answer 1

[Philipp]

Вам нужно использовать css transform matrix().
www.useragentman.com/matrix/#

Answer 2

[Филипп Гапоненко]

linear
https://jsfiddle.net/psr1919plus21/k27hh1jm/2/

Comments

[Alice777]

а чтоб анимация шла с верхней центральной точки?