https://github.com/lordofsunshine/css-animation-creator

Интерактивный веб-инструмент для создания и предпросмотра CSS-анимаций с возможностью настройки различных параметров и генерации готового CSS-кода.
https://github.com/lordofsunshine/css-animation-creator

animation css cssanimation

Last synced: about 2 months ago
JSON representation

Интерактивный веб-инструмент для создания и предпросмотра CSS-анимаций с возможностью настройки различных параметров и генерации готового CSS-кода.

• Host: GitHub
• URL: https://github.com/lordofsunshine/css-animation-creator
• Owner: lordofsunshine
• Created: 2024-10-27T14:35:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-27T14:38:03.000Z (over 1 year ago)
• Last Synced: 2025-02-10T09:19:25.872Z (over 1 year ago)
• Topics: animation, css, cssanimation
• Language: JavaScript
• Homepage: https://animation-creator.glitch.me
• Size: 7.81 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CSS Animation Creator

Этот проект представляет собой веб-приложение для создания и визуализации CSS-анимаций. Он предоставляет пользователям интуитивно понятный интерфейс для настройки различных аспектов анимации, включая тип элемента, вид анимации, длительность, задержку и функцию плавности.

🎇 Основные возможности проекта:

- [x] Выбор типа анимируемого элемента (квадрат, круг, треугольник, текст или пользовательская SVG-форма).

- [x] Настройка различных типов анимации (появление/исчезновение, скольжение, вращение, масштабирование и др.).

- [x] Установка параметров анимации, таких как длительность, задержка и количество повторений.

- [x] Выбор функции плавности, включая возможность задать пользовательскую кривую Безье.

- [x] Предпросмотр анимации в реальном времени.

- [x] Генерация готового CSS-кода для выбранной анимации.

- [x] Возможность копирования сгенерированного CSS-кода в буфер обмена.

> [!NOTE]

> Данный проект был создан при поддержке [темы на LolzTeam](https://lolz.live/threads/7775543).