Переклад не закінчено. Будь ласка, допоможіть перекласти цю статтю з англійської.
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,