final move to png

5-animation/2-css-transitions/2-animate-logo-bezier-css/solution.md

@@ -4,4 +4,4 @@
 
 Её график:
 
-<img src="bezier-up.svg">
+<img src="bezier-up.png">

5-animation/2-css-transitions/article.md

@@ -158,7 +158,7 @@ stripe.onclick = function() {
 
 График этой "кривой" таков:
 
-<img src="bezier-linear.svg">
+<img src="bezier-linear.png">
 
 ...Как видно, это просто прямая. По мере того, как проходит время `x`, завершённость анимации `y` равномерно приближается от `0` к `1`.
 
@@ -182,7 +182,7 @@ CSS для анимации:
 
 График этой кривой:
 
-<img src="train-curve.svg">
+<img src="train-curve.png">
 
 Как видно, процесс вначале развивается быстро -- кривая резко идёт вверх, а затем всё медленнее, медленнее.
 
@@ -222,10 +222,10 @@ CSS для анимации:
 <td>`(0.42, 0, 0.58, 1.0)`</td>
 </tr>
 <tr>
-<td><img src="ease.svg"></td>
-<td><img src="ease-in.svg"></td>
-<td><img src="ease-out.svg"></td>
-<td><img src="ease-in-out.svg"></td>
+<td><img src="ease.png"></td>
+<td><img src="ease-in.png"></td>
+<td><img src="ease-out.png"></td>
+<td><img src="ease-in-out.png"></td>
 </tr>
 </tbody>
 </table>
@@ -260,7 +260,7 @@ CSS для анимации:
 
 Почему так происходит -- отлично видно, если взглянуть на кривую Безье с указанными опорными точками:
 
-<img src="bezier-train-over.svg">
+<img src="bezier-train-over.png">
 
 Мы вынесли координату `y` для второй опорной точки на 1 ниже нуля, а для третьей опорной точки -- на 1 выше единицы, поэтому и кривая вышла за границы "обычного" квадрата. Её значения по `y` вышли из стандартного диапазона `0..1`.