Thinking on ways to solve 3D sci-fi text
5 708
9.1
Google Chrome Developers740 тыс
Следующее
13.04.23 – 19 8966:12
Опубликовано 12 апреля 2023, 17:26
In today's GUI Challenge, @AdamArgyleInk puts a #CSS spin on a classic sci-fi movie 3D text effect by making it interactive to scroll. Powered by CSS scroll linked animations as specified by the latest Scroll Animations 1 spec, watch as he scrolls some text and makes it vanish into the edges of the galaxy, or um, the viewport.
Chapters:
0:00 - Introduction
0:29 - Intro
1:00 - Story time
2:20 - Scroll Driven Animation
3:21 - HTML
4:00 - CSS
8:58 - Debugging
10:52 - Outro
Resources:
Try a demo → goo.gle/410acMc
Get the source → goo.gle/408Nkc1
Check the spec → goo.gle/3pvWX49
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GUIchallenges #CSS #ChromeDeveloper
Chapters:
0:00 - Introduction
0:29 - Intro
1:00 - Story time
2:20 - Scroll Driven Animation
3:21 - HTML
4:00 - CSS
8:58 - Debugging
10:52 - Outro
Resources:
Try a demo → goo.gle/410acMc
Get the source → goo.gle/408Nkc1
Check the spec → goo.gle/3pvWX49
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GUIchallenges #CSS #ChromeDeveloper
Свежие видео
4 дня – 1141:48
7 дней – 21 4868:45
9 дней – 6827:23
11 дней – 241 3915:31
11 дней – 152 8537:25Случайные видео
284 дня – 3 7871:46
17.03.23 – 9 2530:30
01.12.22 – 7580:50
03.09.22 – 81 5178:50
06.10.21 – 2 0672:06
05.12.20 – 258 70024:48
1 день – 96 12210:33
8 дней – 121 1044:26
8 дней – 54 31317:57
10 дней – 2388:50
12 дней – 12 6134:07
15 дней – 3567:52
22 часа – 270:58
2 дня – 3 7000:15