Download to read offline
Css animation, html5 api
- 1.
- 2. Поговоримо про CSSанімації HTML5 api
- 3.
- 4. CSS transition CSStransition дозволяє зміни властивостей в стилях Значення змінюються плавно за вказаний час
- 7. Transition • Transition-property: вказуєназви властивостей, які потрібно анімувати • Transition-duration: вказує тривалість анімації • Transition-delay • Transition-timing-function
- 9.
- 11.
- 12. CSS Transform Дозволяє елементамбути трансформованими в двовимірному вимірі
- 13. Transform-property Можемо трасформувати • Форму •Розмір • Позицію
- 14. Transform методи Можемо трасформувати •Skew() • Scale() • Rotate() • Translate()
- 15. Skew(x-angle, y-angle) Викривлює елементивздовж осей Х і У • SkewX() • SkewY()
- 18. Scale(width, height) Збільшує чизменшує розмір елемента • ScaleX() • ScaleY()
- 22. Rotate(angle) Обертає елемант загодинниковою чи проти годинникової стрілки відповідно до заданого кута
- 25. Translate(X-axis, Y-axis) Переміщує елементз його поточної позиції • TranslateX() • TranslateY()
- 26. Transition-timing-function • Linear • Ease •Ease-in • Ease-out • Ease-in-out
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.