Splineออกแบบเอฟเฟกต์อินเทอร์แอคทีฟด้วย Progressive Blur และกราเดียนต์แบบนุ่มนวล
Hanaระดับเริ่มต้น9 นาที
ในบทเรียนนี้ เราจะสำรวจสไตล์และเทคนิคต่าง ๆ ในการสร้างงานออกแบบที่นุ่มนวลและประณีตด้วยกราเดียนต์แบบนุ่มนวลและ progressive blur รวมถึงวิธีเปลี่ยนให้เป็นประสบการณ์อินเทอร์แอคทีฟใน Hana
เราจะเริ่มจากอธิบายวิธีเพิ่มกราเดียนต์และเอฟเฟกต์เบลอให้รูปทรง จากนั้นไปต่อที่การสร้างองค์ประกอบอินเทอร์แอคทีฟ เช่น แอนิเมชันตอนวางเมาส์ เอฟเฟกต์ที่ตามเคอร์เซอร์ แอนิเมชันแบบวนซ้ำ และเอฟเฟกต์เบลอหลายชั้น ทั้งหมดพร้อมฝังลงในโปรเจกต์เว็บของคุณ ไม่ต้องเขียนโค้ด! 👌
ฉากเดโม: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3
