ใน GUI Challenge วันนี้ @AdamArgyleInk จะใส่เอฟเฟกต์ข้อความ 3 มิติจากภาพยนตร์ไซไฟสุดคลาสสิกในแบบ #CSS โดยให้ผู้ใช้เลื่อนดูได้ ด้วยภาพเคลื่อนไหวแบบเลื่อนที่ลิงก์ของ CSS ตามที่ระบุโดยข้อกำหนดเฉพาะของภาพเคลื่อนไหวการเลื่อน 1 ดูขณะที่เขาเลื่อนข้อความบางอย่างและทำให้ข้อความหายไปในขอบของกาแล็กซีหรือวิวพอร์ต
จำนวนบท:
- 0:00 - แนะนำตัว
- 0:29 - บทนำ
- 1:00 - เล่าเรื่อง
- 2:20 - ภาพเคลื่อนไหวจากการเลื่อน
- 3:21 - HTML
- 4:00 - CSS
- 8:58 - การแก้ไขข้อบกพร่อง
- 10:52 - ปิดท้าย
แหล่งข้อมูล:
- ลองใช้การสาธิต → https://goo.gle/410acMc
- ดูแหล่งที่มา → https://goo.gle/408Nkc1
- ดูข้อกำหนด → https://goo.gle/3pvWX49
ดูความท้าทายใน GUI เพิ่มเติม → https://goo.gle/GUIchallenges
ติดตามนักพัฒนาซอฟต์แวร์ Google Chrome → https://goo.gle/ChromeDevs