Thiết kế hiệu ứng tương tác với progressive blur và gradient mượt

Trong hướng dẫn này, chúng ta sẽ khám phá nhiều phong cách và kỹ thuật để tạo ra những thiết kế mềm mại, tinh tế bằng gradient mượt và progressive blur, cũng như cách biến chúng thành trải nghiệm tương tác trong Hana.

Chúng ta sẽ bắt đầu bằng cách giải thích cách thêm gradient và hiệu ứng blur cho hình khối, rồi chuyển sang tạo các thành phần tương tác như hoạt ảnh hover, hiệu ứng đi theo con trỏ, hoạt ảnh lặp và hiệu ứng blur nhiều lớp. Tất cả đều sẵn sàng để nhúng vào dự án web của bạn, không cần viết mã! 👌

Cảnh demo: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3