Efektowne internetowe animacje
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Animacje internetowe to nowy zestaw standardów służący do ujednolicania animacji CSS i JavaScript. Funkcja Animacje internetowe pozwala korzystać z animacji na GPU, zachowując kontrolę nad działaniem kodu JavaScript. Ale koordynacja wszystkich tych animacji nie jest łatwym zadaniem, a na szczęście jest w tym jeden element – co prawda, ale zostań ze mną.
W tym odcinku pokażę, jak korzystać z efektów neonów z katalogu Polymer Element, by płynnie łączyć je ze sobą bez konieczności samodzielnego zarządzania wszystkim. Dzięki tej wiedzy będziemy gotowi zapoznać się z legendarnym elementem stron z neonami animowanymi w kolejnym odcinku.
Więcej informacji
Źródło projektu
https://github.com/Polymer/polycasts/tree/master/ep23-neon-animation/login-panel
Dokumentacja animacji neonów
https://elements.polymer-project.org/elements/neon-animation?active=neon-animated-pages
Przewodnik po animacji neonu
https://elements.polymer-project.org/guides/using-neon-animations
Niestandardowe ikony z żelaznymi zestawami ikon – Polycasts #22
https://www.youtube.com/watch?v=tjmRUgUca1g&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2
Zachowania – Polycasts nr 21
https://www.youtube.com/watch?v=YrlmieL3Z0k&index=1&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN
Ikony żelaza – Polycasts nr 20
https://www.youtube.com/watch?v=6kkNgVG6LuI&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=1
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-07-25 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 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"]]
