|
|
Нередко возникает потребность использовать при оформлении
|
|
страницы вместо громоздких картинных галерей изящного простого
|
|
решения, которое при своей простоте достигает тем не менее
|
|
желаемого эффекта – концентрирует идею. Поэтому управление
|
|
простейшей анимацией неплохое подспорье в решении проблем развития
|
|
сайта.
|
|
Главное – четкое выражение динамики развития идеи. Например,
|
|
для решения задачи контроля управления анимации можно
|
|
воспользоваться достаточно распространенными изображениями,
|
|
достигнув желаемого приближения к реальному эффекту.
|
|
Поставим задачу смоделировать движение дождевой капли по
|
|
стеклу.
|
|
Ищем изображение капель дождя на стекле, где хотя бы одна
|
|
струя проложила путь сверху до самого низа. Забираем это
|
|
изображение в качестве фона.
|
|
Ищем в выбранном изображении подходящую по размерам каплю,
|
|
которую CSS анимацией направим по проложенному на стекле пути.
|
|
Как известно, капля движется по ломаной. Это дает, например, в
|
|
процентном отношении определить точки излома линейных участков (в
|
|
терминах анимации CSS кадры). Количество изломов равно количеству
|
|
участков (кадров).
|
|
