1. CSS3 анимация Воронов Сергей Артдиректор в Prima development group mamezito@gmail.com

2. Сферы применения Баннеры

3. Сферы применения Навигация, мелкие интерактивные элементы

4. Сферы применения Презентационные сайты

5. Сферы применения Мобильные приложения

6. Сферы применения Чарты

7. С чего начать transitions

8. Описание cssсвойств Animations, keyframes

9. Описание cssсвойств Animations, keyframes animation-name— задает имя анимации animation-duration— задает время проигрывания анимации animation-timing-function— описывает метод расчета промежуточных значений свойств для анимации animation-delay— задает задержку анимации animation-iteration-count— задает количество циклов анимации animation-direction— задает направление анимации animation-play-state— определяет, проигрывается ли анимация или стоит на паузе Имя анимации и список переходов для имени задается при помощи CSS правила@keyframes

10. Подводные камни animation-fill-mode:forwardsдля остановки анимации в конце Задавать стартовые свойства при задержках Управление анимациями с помощью js Тормоза на слабых компьютерах Проблемы с Safari 5.05

11. Кроссбраузерность Использование браузерных префиксов -webkit, -moz Использованиеtransitions для односложных анимаций Modernizrдля описания статичных классов

12. Приложения Radiapp + Поддерживается всеми браузерами - Не CSS3 анимация - Генерит тонны непонятного кода )

13. Приложения Sencha animator + генерит понятный код + CSS3 анимация - только webkit

14. Приложения Adobe edge + кроссбраузерность - Не CSS3 анимация - Не встало на моем льве 10.7.2 )