Типы анимационных эффектов


Плавное появление или исчезновение элемента

Плавное появление элемента

Плавное исчезновение элемента

Пульсация элемента (чередующиеся эффекты плавного появления и исчезновения)

Плавное изменение цвета элемента между двумя значениями

Перемещение элемента

Изменение размера элемента

Изменение масштаба элемента

Помимо этих визуальных эффектов платформа анимации в состоянии выполнять «анимацию» числовых значений. Например, можно заставить некоторое значение изменяться в диапазоне от 1 до 100. Такое значение можно затем использовать в качестве координаты x элемента, значения степени прозрачности (альфа-канала), значения цвета или ширины (здесь можно привести еще массу вариантов). Ниже представлены некоторые из таких анимационных эффектов:

Анимация значения на основе списка заданных значений

Анимация значения через равные промежутки на заданном интервале

Анимация значения через равные промежутки на заданном интервале, но с добавлением к каждому значению строки, определяющей единицы измерения (например, "px" или "em") Специальные случаи анимационных эффектов, так называемые действия (action).


Действия, определяемые платформой анимации, выполняются не постепенно, как описанные выше, а мгновенно. Ниже приводятся некоторые типичные действия:


Активирует или деактивирует элемент

Скрывает элемент (используя для этого свойство CSS display:none)

Устанавливает свойство стиля CSS элемента

Устанавливает уровень прозрачности элемента

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела ASP.NET AJAX на эту тему:
Воспроизведение сложных анимационных эффектов
Основы анимации
Перетащить-и-отпустить
Платформа создания анимационных эффектов
Программирование анимационных эффектов