Sofia Emelianova
Karta Animacje w Narzędziach deweloperskich w Chrome to zaawansowane narzędzie, które pozwala spowolnić odtwarzanie, odtwarzać ponownie, dostosowywać czasy animacji CSS i od razu zobaczyć rezultaty.
Karta Animacje, gdy jest otwarta, automatycznie rejestruje animacje, w wygodny sposób je grupuje i pozwala na:
- Odtwarzaj i spowalniaj animacje, aby lepiej je obejrzeć.
- Możesz dostosowywać czasy trwania, czasy i opóźnienia, przeciągając punkty na osi czasu, zamiast zgadywać i ustawiać wartości CSS ręcznie.
Dodatkowo możesz edytować czasy wygładzania i ustawiać niestandardowe wartości krzywej cubic-bezier za pomocą edytora wygładzania w panelu Elementy > Style. Więcej informacji znajdziesz w artykule Edytowanie animacji i czasu przejść za pomocą edytora wygładzania.
Jeśli chcesz mieć większą wiedzę, zapoznaj się z przewodnikiem Sprawdzanie i modyfikowanie efektów animacji CSS.