Sofia Emelianova
Karta Animacje w Narzędziach deweloperskich w Chrome to potężne narzędzie, które pozwala zwalniać, odtwarzać i dostosowywać czas trwania animacji CSS oraz natychmiast sprawdzać wyniki.
Gdy otworzysz kartę Animacje, animacje będą automatycznie rejestrowane i wygodne grupowane, a także będziesz mieć możliwość:
- Możesz odtwarzać i wolniej wyświetlać animacje, aby dokładniej je obejrzeć.
- Dostosowywanie czasów trwania, opóźnień i oczekiwań przez przeciąganie punktów na osi czasu zamiast zgadywania i ręcznego ustawiania wartości CSS.
Dodatkowo możesz edytować czasy przejścia i ustawić niestandardowe wartości krzywej cubic-bezier za pomocą Edytora przejść w panelu Elementy > Style. Więcej informacji znajdziesz w artykule Edycja czasu trwania animacji i przejść za pomocą Edytora wygładzania.
Aby dowiedzieć się więcej, zapoznaj się z artykułem Sprawdzanie i modyfikowanie efektów animacji CSS.