Wskazówki dotyczące narzędzi dla deweloperów: jak sprawdzać i modyfikować animacje CSS
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
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 wygodnie 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 opóźnień czasowych 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.
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2022-08-11 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2022-08-11 UTC."],[],[],null,[]]
