Nella GUI Challenge di oggi, @AdamArgyleInk crea un effetto di glitch informatico con clip-path e trasformazioni CSS.
Capitoli:
- 0:00 - Introduzione
- 0:38 - Panoramica
- 2:00 - Angolo di debug
- 3:34 - grunge clip-path
- 4:41 - trasformazione
- 5:55 - fotogrammi chiave del percorso dei clip
- 6:45 - trasformazione di fotogrammi chiave
- 7:50 - HTML
- 08:17 - CSS
- 9:56 - JS
- 12:46 - Debug dei fotogrammi chiave
- 13:13 - Conclusione
Risorse:
- Prova una demo → https://goo.gle/3DxL7i4
- Scarica il codice sorgente → https://goo.gle/3Hocxbq
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → https://goo.gle/ChromeDevs