Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
Des animations web esthétiques
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Les animations Web constituent un nouvel ensemble de normes visant à unifier les animations CSS et JavaScript. Avec les animations Web, vous profitez de la puissance de l'animation sur le GPU tout en conservant le contrôle du travail en JavaScript. Or, coordonner toutes ces animations n'est pas une tâche facile et heureusement, il y a un élément pour cela. Eh bien, en fait, c'est un comportement, mais restez avec moi !
Dans cet épisode, je vais vous apprendre à utiliser les comportements d'animation au néon du catalogue Polymer Element pour créer des animations fluides sans avoir à tout gérer vous-même. Grâce à ces connaissances, nous sommes tous prêts à découvrir le légendaire élément des pages animées au néon dans un épisode suivant.
En savoir plus
Source du projet
https://github.com/Polymer/polycasts/tree/master/ep23-neon-animation/login-panel
Documents d'animation au néon
https://elements.polymer-project.org/elements/neon-animation?active=neon-animated-pages
Guide d'animation au néon
https://elements.polymer-project.org/guides/using-neon-animations
Icônes personnalisées avec des jeux d'icônes Iron – Polycasts n°22
https://www.youtube.com/watch?v=tjmRUgUca1g&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2
Comportements – Polycasts #21
https://www.youtube.com/watch?v=YrlmieL3Z0k&index=1&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN
Icônes Iron – Polycasts #20
https://www.youtube.com/watch?v=6kkNgVG6LuI&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=1
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/25 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 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"]]