Полезные ссылки:
- CSS Individual Transform Properties in Safari Technology Preview
- Finer grained control over CSS transforms with individual transform properties
Примеры:
Полезные ссылки:
- animation-composition
- animation-timeline
- Scroll-driven Animations
- @scroll-timeline
- Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines
Примеры:
Полезные ссылки:
- How to Listen for CSS Events in Javascript
- Using animation events
- Detecting the start and completion of a transition
Примеры:
- CodePen Challenge - Cubic Bezier Dots
- Typewriter animation pure CSS
- Steps Animation
- Pure CSS The Carlton dance
Полезные ссылки:
- Cubic-bezier
- Understanding The CSS3 transition-timing-function Property
- Подбор нужной функции плавности
- How to Use steps() in CSS Animations
- How to Create a CSS Sprite Animation With steps()
Примеры:
Полезные ссылки:
- CSS Motion Path
- Create a Responsive CSS Motion Path? Sure We Can!
- Motion Path Options: Responsive(ish)
- Motion Path: введение в современные анимации
- prefers-reduced-motion
- CSS-медиафичи для улучшения доступности
- Уважение к предпочтениям пользователей в движении
- update
Примеры:
Полезные ссылки:
- CSS Houdini: практическое руководство
- Библиотека ворклетов
- Is Houdini ready yet‽
- Houdini - Demystifying CSS
- Houdini CSS, который JavaScript – Никита Дубко
- Worklets
Примеры:
- SVG Countdown
- SMIL + CSS Animated Morphing & Color Changing SVG Blob
- Guide to SVG Animations
- new cake
- Hourglass loader
Полезные ссылки:
- Все об SVG анимации
- A Guide to SVG Animations (SMIL)
- Прикольные примеры svg-анимаций
- Про перформанс SVG-анимаций
- Snap.svg - The JavaScript SVG library for the modern web
Примеры:
Полезные ссылки: