add new post / svg animations // upd barryclark#11

_posts/2016-6-1-SVG-animations.md

@@ -7,14 +7,16 @@ title: SVG-анимации
   Несмотря на то, что svg-спрайты – ежедневная практика, знаний о том, с какого угла подступиться к решению задачи, не было. Поэтому пришлось провести self-ликбез по векторной графике и разобраться с ее анимированием.
 
 
+---
 
   __Шаг 1 – Знакомство с "внутренностями" svg__
 
   Для начала стоит разобраться с тем, из чего "сделаны" svg-шки. Немного теории и практики.
 
   1. Читаем отличную [статью на Frontender.info](http://frontender.info/using-svg/http://frontender.info/using-svg/) и при желании изучаем все материалы по приведенным в статье дополнительным ссылкам
   2. После прочтения стоит пройти небольшой практический курс от HTML Academy [«Знакомство с SVG»](https://htmlacademy.ru/courses/130) и попрактиковать создание простых фигур  
-
+
+---
 
   __Шаг 2 – Исследование способов анимации__
 
@@ -31,6 +33,7 @@ title: SVG-анимации
 
   Для решения своей задачи я остановила выбор на последней, ибо в наличии нашлось немало туториалов, кодпенов и примеров, что значительно упрощало старт.
 
+---
 
   __Шаг 3 – Результаты__