Skip to content

Commit

Permalink
upd post content
Browse files Browse the repository at this point in the history
  • Loading branch information
Sava committed Oct 16, 2016
1 parent e55ebf2 commit 3794e88
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 5 deletions.
8 changes: 4 additions & 4 deletions _posts/2016-6-1-SVG-animations.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ title: SVG-анимации



__Шаг 1 – Знакомство с "внутренностями" svg__
<h2> Шаг 1 – Знакомство с "внутренностями" svg </h2>

Для начала стоит разобраться с тем, из чего "сделаны" svg-шки. Немного теории и практики.

Expand All @@ -18,7 +18,7 @@ title: SVG-анимации

---

__Шаг 2 – Исследование способов анимации__
<h2> Шаг 2 – Исследование способов анимации </h2>

Следующим этапом стал поиск возможностей для анимирования векторной графики и первое, на что вы наткнетесь при аналогичном желании - море туториалов с использованием [SMIL](https://ru.wikipedia.org/wiki/SMIL). То, что нужно сделать, увидев это слово в любой открытом вами материале – сразу же его закрыть.
Ибо запустив в браузере заботливо написанный по такому туториалу код, вы увидите в консоли вот такое сообщение: _SVG's SMIL animations (`<animate>`, `<set>`, etc.) are deprecated and will be removed. Please use CSS animations or Web animations instead_, что абсолютно нам не подходит,
Expand All @@ -35,7 +35,7 @@ title: SVG-анимации

---

__Шаг 3 – Результаты__
<h2> Шаг 3 – Результаты </h2>

В процессе изучения выбранной мной библиотеки, я реализовала несколько примеров анимации, которые можно посмотреть на CodePen по ссылкам ниже:

Expand All @@ -59,7 +59,7 @@ title: SVG-анимации

---

__Почитать дополнительно__
<h2> Почитать дополнительно </h2>

* [CSS и SVG маски](http://css.yoksel.ru/css-and-svg-masks/)

Expand Down
2 changes: 1 addition & 1 deletion style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -166,7 +166,7 @@ hr:after {
}


p strong {
p h2 {
font-size: 24px;
line-height: 1.5em;
padding-top: 1em;
Expand Down

0 comments on commit 3794e88

Please sign in to comment.