Znajdowanie sposobów na rozwiązanie tekstu 3D w stylu science fiction
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
W dzisiejszym wyzwaniu GUI @AdamArgyleInk wprowadza w stylu #CSS efekt tekstowy 3D klasycznego filmu science fiction, tworząc interaktywne treści. Technologia powiązanych animacji CSS z przewijaniem, zgodnie z najnowszą specyfikacją Scroll Animations 1. Obserwuj, jak użytkownik przewija tekst, który znika w obrębie galaktyki (czyli widoku).
Rozdziały:
- 0:00 – Wprowadzenie
- 0:29 – Wstęp
- 1:00 – Czas na opowiadanie
- 2:20 – animacja oparta na przewinięciu
- 3:21 – HTML
- 4:00 – CSS
- 8:58 – Debugowanie
- 10:52 – Zakończenie
Zasoby:
Zobacz więcej Wyzwania GUI → https://goo.gle/GUIchallenges
Zasubskrybuj kanał dla deweloperów Google Chrome → https://goo.gle/ChromeDevs
arrow_back Wróć do wszystkich odcinków
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: 2023-04-12 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: 2023-04-12 UTC."],[],[]]