Переклад не закінчено. Будь ласка, допоможіть перекласти цю статтю з англійської.

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

Довідка

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

CSS At-rules

Посібники

Визначення підтримки анімації CSS
Описує техніку визначення рівня підтримки браузерами анімації CSS.
Використання CSS анімацій
Покроковий туторіал, як створити анімацію засобами CSS. Дана стаття описує кожну відповідну CSS властивість і at-правило та пояснює, як вони взаємодіють між собою.
Підказки і методи для CSS анімацій
Підказки і методи, які допоможуть вам досягти якнайкращих результатів у CSS анімаціях. Currently offers a technique for replaying an animation which has already run through to completion, which the API doesn't support inherently.

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

Специфікація Статус Коментар
CSS Animations Working Draft Початкове визначення.

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

Властивість Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Базова підтримка (Yes)-webkit
43.0
(Yes) 5.0 (5.0)-moz
16.0 (16.0)
10 12-o
12.10[2]
4.0-webkit
Властивість Android Edge Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 2.1 -webkit [1]
4.0 -webkit
(Yes) 5.0 (5.0)-moz
16.0 (16.0)
? ? (Yes)-webkit

[1] Часткова підтримка: властивість animation-fill-mode не підтримується в Android браузері нижче 2.3.

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

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

  • Пов'язані з CSS анімаціями, CSS Transitions можуть запускати анімації, в залежності від дій користувача.

 

Мітки документа й учасники

 Зробили внесок у цю сторінку: GiorgioLviv
 Востаннє оновлена: GiorgioLviv,