Движущиеся картинки для презентации
Эта страница была переведена с английского языка силами сообщества. Экспериментальная возможность: Это экспериментальная технология Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации. CSS-анимации состоят из двух компонентов: стилевое описание анимации и набор ключевых кадров, определяющих начальное, конечное и, возможно, промежуточное состояние анимируемых стилей. Чтобы создать CSS-анимацию вы должны добавить в стиль элемента, который хотите анимировать, свойство animation или его подсвойства.
Область применения анимации и иллюстрации необычайно широка: это и захватывающие спецэффекты в блокбастерах, и самобытные миры видеоигр, и графическое оформление печатных и веб-изданий, и рекламные баннеры, и разнообразные анимационные проекты — как авторские, так и коммерческие. Ошибочно полагать, что для работы с такими сложными продуктами достаточно таланта рисовальщика. Иллюстрация и анимация требуют умения выражать свои мысли при помощи графического языка. Специалисты в этих сферах не просто приводят зрителя в параллельный мир, но и в точности знают, как он устроен.
До появления CSS3 при слове «анимация» верстальщиков бросало в холодный пот. А всё потому, что в те времена сделать качественную и красивую анимацию было не тривиальной задачей. CSS этого делать не умел, поэтому все анимации делались на JavaScript. Нужно было перелопатить кучу форумов, найти таких же товарищей по несчастью, потратить уйму времени на разработку, а в итоге услышать от дизайнера: «Ладно, сойдет и так». И когда наконец вышел CSS3, фейерверки не прекращались до утра, а шампанское лилось рекой. Это был знаменательный день для всех web-разработчиков следующий такой день был, когда Microsoft объявила о прекращении поддержки Internet Explorer.
