From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- files/uk/web/css/css_animations/index.html | 140 +++++++++++++++++++++++++++++ 1 file changed, 140 insertions(+) create mode 100644 files/uk/web/css/css_animations/index.html (limited to 'files/uk/web/css/css_animations/index.html') diff --git a/files/uk/web/css/css_animations/index.html b/files/uk/web/css/css_animations/index.html new file mode 100644 index 0000000000..9b1af6c15e --- /dev/null +++ b/files/uk/web/css/css_animations/index.html @@ -0,0 +1,140 @@ +--- +title: CSS Animations +slug: Web/CSS/CSS_Animations +tags: + - CSS + - CSS анімації + - Довідка + - Огляд +translation_of: Web/CSS/CSS_Animations +--- +
{{CSSRef}}
+ +

CSS-анімації - це модуль CSS, який дозволяє вам змінювати значення CSS-правил впродовж певного часу, використовуючи ключові кадри (keyframes). Поведінка цих анімацій може контролюватися шляхом встановлення їх функцій синхронізації, тривалості, числа повторів, та інших атрибутів.

+ +

Довідка

+ +

CSS Властивості

+ +
+ +
+ +

CSS @-правила

+ +
+ +
+ +

Посібники

+ +
+
Виявлення підтримки CSS-анімації
+
Описує техніку виявлення підтримки браузером CSS-анімації.
+
Використання CSS анімацій
+
Покроковий підручник про те, як створити анімацію засобами CSS. Дана стаття описує кожне відповідне CSS властивість і at-правило, та пояснює, як вони взаємодіють між собою.
+
Підказки і хитрощі для CSS анімацій
+
Підказки і хитрощі, які допоможуть вам досягти якнайкращих результатів у CSS-анімаціях. В даний момент описує техніку, що дозволяє програти спочатку уже запущену анімацію (API не підтримує напряму такий функціонал).
+
+ +

Специфікації

+ + + + + + + + + + + + + + + + +
СпецифікаціяСтатусКоментар
{{ SpecName('CSS3 Animations') }}{{ Spec2('CSS3 Animations') }}Початкове визначення.
+ +

Сумісність із браузерами

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + +
ВластивістьChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Базова підтримка{{CompatVersionUnknown}}{{property_prefix("-webkit")}}
+ 43.0		{{CompatVersionUnknown}}{{CompatGeckoDesktop("5.0")}}{{property_prefix("-moz")}}
+ {{CompatGeckoDesktop("16.0")}}		1012{{property_prefix("-o")}}
+ 12.10[2]		4.0{{property_prefix("-webkit")}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
ВластивістьAndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support2.1 {{property_prefix("-webkit")}} [1]
+ 4.0 {{property_prefix("-webkit")}}		{{CompatVersionUnknown}}{{CompatGeckoMobile("5.0")}}{{property_prefix("-moz")}}
+ {{CompatGeckoMobile("16.0")}}		{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}{{property_prefix("-webkit")}}
+
+ +

[1] Часткова підтримка: властивість {{cssxref("animation-fill-mode")}} не підтримується в Android браузері до версії 2.3.

+ +

[2] Ознайомтесь із release notes to Opera 12.50.

+ +

Дивіться також

+ + + +

 

-- cgit v1.2.3-54-g00ecf