Встроенные анимации появления

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

Основные типы анимаций

iziToast поддерживает несколько встроенных анимаций появления, которые можно задавать через параметр animateInside и transitionIn при создании уведомления:

fadeIn Плавное появление с изменением прозрачности от 0 до 1. Идеально подходит для ненавязчивых уведомлений.
```
iziToast.show({
    title: 'Пример fadeIn',
    message: 'Уведомление плавно появляется',
    transitionIn: 'fadeIn'
});
```
slideInLeft, slideInRight, slideInUp, slideInDown Появление с выдвижением из указанного направления. Эти анимации создают эффект движения уведомления в окно приложения.
```
iziToast.show({
    title: 'Slide In',
    message: 'Появление слева',
    transitionIn: 'slideInLeft'
});
```
flipInX, flipInY Появление с эффектом переворота по горизонтальной или вертикальной оси. Эффект добавляет динамичности и хорошо подходит для визуально насыщенных интерфейсов.
```
iziToast.show({
    title: 'Flip Effect',
    message: 'Переворот по оси X',
    transitionIn: 'flipInX'
});
```

Настройка скорости анимации

Скорость анимации регулируется с помощью параметра timeout для длительности видимости и параметра transitionInDuration для длительности самой анимации:

iziToast.show({
    title: 'Медленное появление',
    message: 'Анимация длится 2 секунды',
    transitionIn: 'fadeIn',
    transitionInDuration: 2000
});

Важно: параметр transitionInDuration задается в миллисекундах и влияет только на фазу появления, а не на скрытие уведомления.

Комбинирование анимаций

iziToast позволяет комбинировать анимации появления и исчезновения, используя transitionIn и transitionOut:

iziToast.show({
    title: 'Комбинированная анимация',
    message: 'Появление слева, исчезновение вверх',
    transitionIn: 'slideInLeft',
    transitionOut: 'slideOutUp'
});

Это дает возможность создавать динамичные визуальные эффекты, где уведомление не просто появляется и исчезает, а плавно двигается и реагирует на действия пользователя.

Встроенные анимации с эффектом масштабирования

Помимо стандартных эффектов движения и прозрачности, iziToast поддерживает масштабирование при появлении:

bounceIn – появление с эффектом подпрыгивания.
zoomIn – постепенное увеличение размера от маленького до нормального.
lightSpeedIn – комбинированный эффект с ускорением и смещением.

iziToast.show({
    title: 'Bounce Effect',
    message: 'Уведомление подпрыгивает при появлении',
    transitionIn: 'bounceIn'
});

Применение анимаций в глобальных настройках

Чтобы использовать одну и ту же анимацию для всех уведомлений, можно задать анимацию глобально при инициализации iziToast:

iziToast.settings({
    transitionIn: 'slideInUp',
    transitionOut: 'fadeOut',
    transitionInDuration: 800,
    transitionOutDuration: 500
});

После этого все уведомления будут появляться с выдвижением вверх и исчезать с плавным исчезновением, без необходимости указывать анимацию для каждого вызова.