В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk добавляет #CSS к 3D-текстовому эффекту из классического научно-фантастического фильма, делая его интерактивным для прокрутки. Используя анимацию, связанную с прокруткой CSS, как указано в последней спецификации Scroll Animations 1, наблюдайте, как он прокручивает текст и заставляет его исчезнуть за краями галактики или, хм, области просмотра.
Главы:
- 0:00 - Введение
- 0:29 - Вступление
- 1:00 - Время рассказа
- 2:20 – Анимация, управляемая прокруткой
- 3:21 – HTML
- 4:00 – КСС
- 8:58 - Отладка
- 10:52 - Аутро
Ресурсы:
- Попробуйте демо → https://goo.gle/410acMc
- Получить исходник → https://goo.gle/408Nkc1
- Проверьте спецификацию → https://goo.gle/3pvWX49
Посмотреть больше задач с графическим интерфейсом → https://goo.gle/GUIchallenges
Подписаться на раздел «Разработчики Google Chrome» → https://goo.gle/ChromeDevs.