> For the complete documentation index, see [llms.txt](https://help.lynda.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.lynda.ru/novyi-redaktor-3.0/rabota-v-pro-rezhime/animaciya-bloka/sozdanie-poshagovoi-animacii.md).

# Создание пошаговой анимации

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FPYv9YKto6rZYpF5BTu4e%2Fchrome_wgQtolm7I8.png?alt=media&amp;token=167f67f6-47c4-451a-bd4c-5635973a4b9e" alt=""><figcaption></figcaption></figure>

1. Нажмите кнопку «Добавить» , чтобы добавить этап анимации
2. Нажмите на «Шаг», чтобы открыть его настройки, появится всплывающее окно.\
   \
   Задайте свойства для визуальных преобразований.<br>
3. Прозрачность: Контролирует прозрачность блока
4. Вращение: Вращает блок
5. Масштаб: Изменяет размер блока
6. Наклон: Наклоняет элемент подобно параллелограмму

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2F6OkTV0h1Tq3ijh7WCVJQ%2Fchrome_qSXtgFo9cR.gif?alt=media&amp;token=5a523033-07a3-408a-936b-8b843bfa7d7b" alt=""><figcaption></figcaption></figure>