Анимации SVG с помощью CSS

Пример эффекта анимации SVG с помощью CSS. В примере при наведении мышки на блок имитируется бордер (border) и создается анимация исчезающей окантовки блока переходящей в другой вид.

Весь пример

В демонстрации содержится другие примеры, например, анимация цвета.
Материал взят из codrops