В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk повеселился, создавая физические эффекты пользовательского интерфейса с помощью пользовательских свойств CSS, кадра анимации запроса и некоторого количества Javascript.
Главы:
- 0:00 - Введение
- 0:30 - Предыстория
- 1:32 – Расстояние между буквами
- 2:35 – Размер шрифта
- 3:00 - Масштаб
- 3:28 - Градиент
- 3:42 – Радиус границы
- 3:53 - Ширина
- 4:08 - Вращение
- 5:26 - Отскок
- 6:28 – Перетасовать стопку
- 7:05 - Детская площадка
- 10:48 – Уголок отладки
- 13:00 – HTML
- 13:17 - JavaScript
- 15:00 - Объяснение весенней физики
- 18:28 – Объяснение демо
- 20:35 - Аутро
Ресурсы:
- Попробовать демо → https://goo.gle/3GcHD58
- Получить исходник → https://goo.gle/3n4Sfcg
Посмотреть больше задач с графическим интерфейсом → https://goo.gle/GUIchallenges
Подписаться на раздел «Разработчики Google Chrome» → https://goo.gle/ChromeDevs.