สถานที่:หน้าหลัก > รหัสเอฟเฟกต์พิเศษ JS > ภาพเคลื่อนไหว CSS3

การออกแบบวัสดุเมนูปุ่มที่ขยายได้ CSS3 การออกแบบวัสดุ

2020-06-25 85เรียกดู
นี่คือเอฟเฟกต์ปุ่มเปิดเมนูสไตล์การออกแบบวัสดุที่ยอดเยี่ยม เอฟเฟกต์พิเศษนี้มีเจ็ดแบบ ในแต่ละเอฟเฟกต์คุณสามารถเปิดกลุ่มปุ่มเมนูหลักได้โดยคลิกปุ่มเมนูหลัก เอฟเฟกต์ภาพเคลื่อนไหวของเมนูย่อยที่เปิดอยู่ต่างกัน เอฟเฟกต์แรกคือเมื่อคุณคลิกปุ่มเมนูหลักปุ่มเมนูหลักจะเลื่อนไปทางซ้ายและปุ่มเมนูหลักจะปรากฏขึ้นพร้อมกับย้ายปุ่มเมนูหลัก ผลที่สองคือหลังจากคลิกปุ่มเมนูหลักเลเยอร์มาสก์วงกลมจะปรากฏขึ้นและปุ่มเมนูย่อยสี่ปุ่มจะปรากฏในตำแหน่งบนล่างซ้ายและขวาของเลเยอร์มาสก์วงกลม ผลที่สามคือหลังจากคลิกปุ่มเมนูหลักปุ่มเมนูย่อยจะปรากฏเหนือปุ่มเมนูหลักจากล่างขึ้นบน ผลที่สี่คือหลังจากคลิกปุ่มเมนูหลักปุ่มเมนูย่อยจะเลื่อนทั้งสองด้านของปุ่มเมนูหลัก ผลที่ห้าคือหลังจากคลิกปุ่มเมนูหลักปุ่มเมนูย่อยจะปรากฏขึ้นจากตำแหน่งของปุ่มเมนูหลักและปรากฏขึ้นในทางกลับกัน ผลที่หกคือหลังจากคลิกปุ่มเมนูหลักปุ่มเมนูย่อยจะปรากฏขึ้นทั้งสองด้านของปุ่มเมนูหลักจากนั้นหมุน 360 องศารอบปุ่มเมนูหลัก ผลที่เจ็ดคือการคลิกปุ่มเมนูหลักปุ่มเมนูย่อยสี่ปุ่มจะปรากฏขึ้นพร้อมกันรอบ ๆ ปุ่มเมนูหลัก