Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
Animazioni web fluide
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Le animazioni web sono un nuovo insieme di standard per unificare le animazioni CSS e JavaScript. Con le animazioni web hai la possibilità di animare sulla GPU mantenendo il controllo sull'utilizzo di JavaScript. Ma coordinare tutte queste animazioni non è un compito facile e per fortuna c'è un elemento per questo... beh, in realtà è un comportamento, ma stai con me!
In questo episodio ti insegnerò a utilizzare i comportamenti delle animazioni al neon del catalogo Polymer Element per mescolare il comportamento di un'animazione fluida senza il fastidio di gestire tutto autonomamente. E con queste conoscenze, saremo pronti a scoprire il leggendario elemento pagine animate al neon in un episodio successivo.
Ulteriori informazioni
Origine progetto
https://github.com/Polymer/polycasts/tree/master/ep23-neon-animation/login-panel
Documenti di animazione neon
https://elements.polymer-project.org/elements/neon-animation?active=neon-animated-pages
Guida alle animazioni neon
https://elements.polymer-project.org/guides/using-neon-animations
Icone personalizzate con set di icone di ferro - Polycasts #22
https://www.youtube.com/watch?v=tjmRUgUca1g&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2
Comportamenti - Policast 21
https://www.youtube.com/watch?v=YrlmieL3Z0k&index=1&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN
Icone di ferro - Polycasts #20
https://www.youtube.com/watch?v=6kkNgVG6LuI&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=1
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-07-25 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 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"]]
