CSS Transition Generator
CSS Transition Generator: бесплатный браузерный инструмент с локальной обработкой данных, примером ввода и готовым результатом для копирования.
Рабочая область CSS Transition Generator
Введите property, duration и easing. Данные обрабатываются локально и не отправляются на сервер.
Как пользоваться CSS Transition Generator
Материал «CSS Transition Generator» относится к области «браузерный инструмент: интерфейсное движение». Для темы «CSS Transition Generator» предметный результат подтверждается так: включите prefers-reduced-motion и проверить состояние до и после эффекта. Предметная проверка для «CSS Transition Generator»: включите prefers-reduced-motion и проверить состояние до и после эффекта.
- Введите property, duration и easing.
- Нажмите «Создать transition» и сравните результат с исходными данными.
- Включите prefers-reduced-motion и проверить состояние до и после эффекта применительно к теме «CSS Transition Generator».
- Скопируйте результат только после проверки синтаксиса в своём проекте.
Обработка выполняется локально. CSS Transition Generator не сохраняет введённый код и не передаёт его в аналитику. Для «CSS Transition Generator» сначала включите prefers-reduced-motion и проверить состояние до и после эффекта. После этого сравните исходное и изменённое состояние «CSS Transition Generator» на одном и том же содержимом.
Спецификации и источники
Синтаксис и статус проверяются по HTML Living Standard, спецификациям CSS и MDN Browser Compatibility Data. Примеры и объяснения подготовлены для этого сервиса.