Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
Pensando em resolver textos de ficção científica 3D
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 coloca #CSS no efeito de texto de um filme de ficção científica clássico em 3D, tornando a rolagem interativa. Com a tecnologia de animações de rolagem vinculadas em CSS, conforme especificado pela especificação mais recente do Scroll Animations 1, observe enquanto ele rola um texto e o faz desaparecer nas bordas da galáxia, ou também, na janela de visualização.
Capítulos:
- 0:00 - Introdução
- 0:29 - Introdução
- 1:00 - Hora da história
- 2:20 - Animação de rolagem
- 3:21 - HTML
- 4:00 - CSS
- 8:58 - Depuração
- 10:52 - 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-04-12 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-04-12 UTC."],[],[]]
