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:
- Wypróbuj wersję demonstracyjną → https://goo.gle/410acMc
- Pobierz źródło → https://goo.gle/408Nkc1
- Sprawdź specyfikację → https://goo.gle/3pvWX49
Zobacz więcej Wyzwania GUI → https://goo.gle/GUIchallenges
Zasubskrybuj kanał dla deweloperów Google Chrome → https://goo.gle/ChromeDevs