CSS Keyframe Анимационна студия

Как се прави

1. 1
   Стъпка 1: отворете CSS Keyframe Анимационна студия и въведете данните си

   Въведете числата или текста си, добавете файл или изберете нужните опции. Нищо не се качва: всичко остава във вашия браузър.

2. 2
   Стъпка 2: какво прави CSS Keyframe Анимационна студия

   Стреляне на движение, пулс, скок, разклащане и въртене с контрол на продължителността и ключови кадри.

3. 3
   Стъпка 3: прочетете резултата и сравнете

   Резултатът се появява веднага. Променете една стойност, за да видите как се променя отговорът, и запазете числото, което пасва на вашия случай.

4. 4
   Стъпка 4: копирайте или запазете

   Копирайте резултата или го изтеглете. При важно решение го потвърдете с официалния източник или консултант.

За този инструмент

Вдишайте живот в бутони, героически значки, икони за уведомления и индикатори за зареждане. Изберете от популярните предварителни настройки за анимация на потребителския интерфейс, включително Gentle Float, Attention Pulse, Playful Bounce, Error Shake и Infinite Spin.

Съвети за най-добър резултат

Преди да започнете, отделете малко време да прочетете опциите и първо опитайте инструмента с малък пример. Всичко работи в браузъра на вашето устройство; нищо от въведеното или добавеното не се качва, а затварянето на раздела изтрива всичко. Ако нещо изглежда погрешно, презаредете страницата и опитайте отново или използвайте връзката за съобщаване на тази страница, за да ни кажете какво не е наред. Ако резултатът все още изглежда грешен, променяйте по една стойност, за да видите кое поле влияе най-много. Добавете страницата в отметките, ако ще я използвате отново.