Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
Pensar em maneiras de resolver os efeitos do GLITCH
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
No desafio de GUI de hoje, @AdamArgyleInk cria um efeito de falha cibernética com clip-paths e transformações de CSS.
Capítulos:
- 0:00 - Introdução
- 0:38 - Visão geral
- 2:00 - Espaço de depuração
- 3:34 - grunge de trecho de clipe
- 4:41 - transformar
- 5:55 - Frames-chave do caminho do clipe
- 6:45 - transformar frames-chave
- 7:50 - HTML
- 8:17 - CSS
- 9:56 - JS
- 12:46 - Depuração de frames-chave
- 13:13 - Encerramento
Resources:
Assista mais desafios da GUI → https://goo.gle/GUIchallenges
Inscreva-se no canal de desenvolvedores do Google Chrome → https://goo.gle/ChromeDevs
arrow_back Voltar para todos os episódios
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2023-02-01 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2023-02-01 UTC."],[],[]]
