Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
ภาพเคลื่อนไหวบนเว็บที่ลื่นไหล
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ภาพเคลื่อนไหวบนเว็บเป็นมาตรฐานชุดใหม่ที่รวมภาพเคลื่อนไหว CSS และ JavaScript ไว้ด้วยกัน ด้วยภาพเคลื่อนไหวบนเว็บ คุณจะได้รับพลังในการเคลื่อนไหวบน GPU ในขณะที่ยังคงสามารถควบคุมการทำงานใน JavaScript ได้ แต่การประสานภาพเคลื่อนไหวทั้งหมดนี้ไม่ใช่เรื่องง่าย และโชคดีที่มีองค์ประกอบแบบนั้น จริงๆ แล้วเป็นลักษณะการทำงานที่ดี แต่ควรอยู่กับฉัน!
ในตอนนี้ ผมจะสอนวิธีใช้พฤติกรรมแบบนีออนของภาพเคลื่อนไหวจากแคตตาล็อกขององค์ประกอบ Polymer Element ไปจนถึงการผสมรูปแบบภาพเคลื่อนไหวสุดเจ๋งโดยไม่ต้องจัดการทุกอย่างด้วยตัวเองให้ยุ่งยาก และด้วยความรู้นี้ เราทุกคนก็พร้อมที่จะเรียนรู้เกี่ยวกับองค์ประกอบหน้ากระดาษแบบเคลื่อนไหวอันเป็นเอกลักษณ์ในตอนต่อไป
อ่านเพิ่มเติม
แหล่งที่มาของโปรเจ็กต์
https://github.com/Polymer/polycasts/tree/master/ep23-neon-animation/login-panel
เอกสารภาพเคลื่อนไหวนีออน
https://elements.polymer-project.org/elements/neon-animation?active=neon-animated-pages
คู่มือภาพเคลื่อนไหวนีออน
https://elements.polymer-project.org/guides/using-neon-animations
ไอคอนที่กำหนดเองพร้อมชุดไอคอนเหล็ก -- Polycasts #22
https://www.youtube.com/watch?v=tjmRUgUca1g&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2
พฤติกรรม -- Polycasts #21
https://www.youtube.com/watch?v=YrlmieL3Z0k&index=1&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN
ไอคอนเหล็ก -- Polycasts #20
https://www.youtube.com/watch?v=6kkNgVG6LuI&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=1
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-25 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 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"]]
