Документ описывает применение CSS3-анимаций в различных областях, таких как баннеры, навигация и мобильные приложения. Обсуждаются ключевые свойства анимаций, включая name, duration, timing-function и другие, а также вопросы кроссбраузерности и производительности. Упоминаются инструменты для создания анимаций и проблемы, возникающие при использовании CSS3-анимаций на разных платформах.

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

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

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

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

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

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

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

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

9. Описание cssсвойствAnimations, keyframesanimation-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 )