Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
Animações elegantes da Web
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
As animações da Web são um novo conjunto de padrões para unificar animações CSS e JavaScript. Com as animações da Web, você tem o poder de animar a GPU e, ao mesmo tempo, manter o controle do trabalho em JavaScript. Mas coordenar todas essas animações não é uma tarefa fácil e, felizmente, há um elemento para isso. Bem, um comportamento, na verdade, mas fique comigo!
Neste episódio, vou ensinar você a usar os comportamentos de animação com neon do catálogo do Polymer Element para misturar o comportamento de animação elegante sem precisar gerenciar tudo por conta própria. Agora, vamos aprender sobre o lendário elemento das páginas animadas por neon no próximo episódio.
Leia mais
Origem do projeto
https://github.com/Polymer/polycasts/tree/master/ep23-neon-animation/login-panel
Documentos da animação de neon
https://elements.polymer-project.org/elements/neon-animation?active=neon-animated-pages
Guia de animação de neon
https://elements.polymer-project.org/guides/using-neon-animations
Ícones personalizados com ícones de ferro - Polycasts #22
https://www.youtube.com/watch?v=tjmRUgUca1g&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2
Comportamentos: Polycasts #21
https://www.youtube.com/watch?v=YrlmieL3Z0k&index=1&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN
Ícones de ferro: Polycasts #20
https://www.youtube.com/watch?v=6kkNgVG6LuI&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=1
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 2025-07-25 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 2025-07-25 UTC."],[],["Web Animations unify CSS and JavaScript animations, allowing GPU-powered animation with JavaScript control. The core action is learning to utilize the neon-animation behaviors from the Polymer Element catalog. This facilitates streamlined animation integration without manual management. Resources provided include links to the project source, Neon Animation documentation, a guide, and related video tutorials on custom icons, behaviors, and Iron Icons. This knowledge prepares for the use of the `neon-animated-pages` element.\n"]]
