Update 7-animation/2-css-animations/article.md

astropsy999 · dolgachio · web-flow · commit c0b84c4e45ea · 2022-07-21T05:43:08.000+03:00
Co-authored-by: Stanislav &lt;s.dolgachov@gmail.com&gt;
diff --git a/7-animation/2-css-animations/article.md b/7-animation/2-css-animations/article.md
@@ -492,7 +492,7 @@ boat.onclick = function() {
 
 &#1040;&#1085;&#1110;&#1084;&#1072;&#1094;&#1110;&#1103; CSS &#1076;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1108; &#1087;&#1083;&#1072;&#1074;&#1085;&#1086; (&#1072;&#1073;&#1086; &#1087;&#1086;&#1082;&#1088;&#1086;&#1082;&#1086;&#1074;&#1086;) &#1072;&#1085;&#1110;&#1084;&#1091;&#1074;&#1072;&#1090;&#1080; &#1079;&#1084;&#1110;&#1085;&#1091; &#1086;&#1076;&#1085;&#1110;&#1108;&#1111; &#1072;&#1073;&#1086; &#1082;&#1110;&#1083;&#1100;&#1082;&#1086;&#1093; &#1074;&#1083;&#1072;&#1089;&#1090;&#1080;&#1074;&#1086;&#1089;&#1090;&#1077;&#1081; CSS.
 
-&#1042;&#1086;&#1085;&#1072; &#1075;&#1072;&#1088;&#1085;&#1072; &#1076;&#1083;&#1103; &#1073;&#1110;&#1083;&#1100;&#1096;&#1086;&#1089;&#1090;&#1110; &#1079;&#1072;&#1074;&#1076;&#1072;&#1085;&#1085;&#1100; &#1072;&#1085;&#1110;&#1084;&#1072;&#1094;&#1110;&#1111;. &#1052;&#1080; &#1090;&#1072;&#1082;&#1086;&#1078; &#1084;&#1086;&#1078;&#1077;&#1084;&#1086; &#1074;&#1080;&#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1086;&#1074;&#1091;&#1074;&#1072;&#1090;&#1080; JavaScript &#1076;&#1083;&#1103; &#1072;&#1085;&#1110;&#1084;&#1072;&#1094;&#1110;&#1111;, &#1094;&#1100;&#1086;&#1084;&#1091; &#1087;&#1088;&#1080;&#1089;&#1074;&#1103;&#1095;&#1077;&#1085;&#1080;&#1081; &#1085;&#1072;&#1089;&#1090;&#1091;&#1087;&#1085;&#1080;&#1081; &#1088;&#1086;&#1079;&#1076;&#1110;&#1083;.
+&#1062;&#1077; &#1087;&#1110;&#1076;&#1093;&#1086;&#1076;&#1080;&#1090;&#1100; &#1076;&#1083;&#1103; &#1073;&#1110;&#1083;&#1100;&#1096;&#1086;&#1089;&#1090;&#1110; &#1079;&#1072;&#1076;&#1072;&#1095;. &#1052;&#1080; &#1090;&#1072;&#1082;&#1086;&#1078; &#1084;&#1086;&#1078;&#1077;&#1084;&#1086; &#1074;&#1080;&#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1086;&#1074;&#1091;&#1074;&#1072;&#1090;&#1080; JavaScript &#1076;&#1083;&#1103; &#1072;&#1085;&#1110;&#1084;&#1072;&#1094;&#1110;&#1111;, &#1094;&#1100;&#1086;&#1084;&#1091; &#1087;&#1088;&#1080;&#1089;&#1074;&#1103;&#1095;&#1077;&#1085;&#1080;&#1081; &#1085;&#1072;&#1089;&#1090;&#1091;&#1087;&#1085;&#1080;&#1081; &#1088;&#1086;&#1079;&#1076;&#1110;&#1083;.
 
 &#1054;&#1073;&#1084;&#1077;&#1078;&#1077;&#1085;&#1085;&#1103; &#1072;&#1085;&#1110;&#1084;&#1072;&#1094;&#1110;&#1111; CSS &#1087;&#1086;&#1088;&#1110;&#1074;&#1085;&#1103;&#1085;&#1086; &#1079; JavaScript:
 

-Original file line number
+Diff line change
 Анімація CSS дозволяє плавно (або покроково) анімувати зміну однієї або кількох властивостей CSS.
 -Вона гарна для більшості завданнь анімації. Ми також можемо використовувати JavaScript для анімації, цьому присвячений наступний розділ.
 +Це підходить для більшості задач. Ми також можемо використовувати JavaScript для анімації, цьому присвячений наступний розділ.
 Обмеження анімації CSS порівняно з JavaScript: