Угол стрелочек на чистом CSS?

Question

[Insom84]

https://jsfiddle.net/Lvab143m/

Ребят, подскажите пожалуйста, как угол стрелочек сделать чуть больше 90 градусов?

Comments

[Ankhena]

Например, с помощью трансформации skew.
Потом поправите квадрат в прямоугольник и измените поворот и сдвиг для компенсации.

[Insom84]

Ankhena, можете показать, как это сделать?

[Ankhena]

Insom84, что именно показать? Как skew пишется?
Вот так пишется https://jsfiddle.net/ukof836j/

[Insom84]

Ankhena, я понял, а как анимацию при этом сохранить?

[Ankhena]

Insom84, добавить все ваши получившиеся трансформации в анимацию.
Да, к сожалению их придется повторять.
Можете воспользоваться кастомными свойствами, это уменьшит количество повторов одного итого же кода.

[Insom84]

Ankhena, понял, спасибо!

[Ankhena]

Insom84, типа так https://jsfiddle.net/n0ej8qxz/
Только у вас там будут еще ваши компенсации.

[Insom84]

Ankhena, да, разобрался)

[Insom84]

Ankhena, а как можно закруглить концы?

[Ankhena]

Insom84, взять SVG с закругленными концами