В сегодняшнем захватывающем конкурсе GUI Challenge @AdamArgyleInk в реальном времени кодирует CSS-переходы клип-путей, демонстрирует некоторые крутые эффекты в демо-версии и раскрывает ошибки. Если вы не знаете clip-path, вы это узнаете к концу.
Главы:
- 0:00 - Введение
- 0:41 – Обзор
- 1:55 - Уголок отладки
- 2:20 – Снижение движения
- 4:55 - Хромтобер
- 6:05 – синтаксис клип-пути
- 14:20 – квадратные переходы
- 19:25 - переход.стиль
- 21:02 - Аутро
Ресурсы:
- Попробовать демо → https://goo.gle/3DxkVEH
- Получить исходник → https://goo.gle/3f7fm6n
- Transition.style → https://goo.gle/3W8nhkL
Посмотреть больше задач с графическим интерфейсом → https://goo.gle/GUIchallenges
Подписаться на раздел «Разработчики Google Chrome» → https://goo.gle/ChromeDevs.