# Cách thêm tương tác kéo thả 3D trong Spline | Nâng tầm website chỉ với vài cú nhấp - Spline Academy (https://spline.design/vi/academy/tutorials/how-to-add-a-3d-drag-drop-interaction-in-spline-level-up-your-website-in-just-a-few-clicks)

> Xin chào! 👋 Trong video này, chúng ta sẽ nói về sự kiện Drag & Drop (kéo thả) và cách áp dụng nó cho các đối tượng 3D để tạo ra những tương tác thú vị,…

1. [Academy](https://spline.design/vi/academy)
2. [Hướng dẫn](https://spline.design/vi/academy/tutorials)
3. Cách thêm tương tác kéo thả 3D trong Spline | Nâng tầm website chỉ với vài cú nhấp

# Cách thêm tương tác kéo thả 3D trong Spline | Nâng tầm website chỉ với vài cú nhấp

Spline 3DCơ bản5 phút

Xin chào! 👋 Trong video này, chúng ta sẽ nói về sự kiện Drag & Drop (kéo thả) và cách áp dụng nó cho các đối tượng 3D để tạo ra những tương tác thú vị, giúp nâng tầm thiết kế web của bạn.

Thêm về Drag & Drop: <https://youtu.be/g3sMaFsFJQ0> Vật lý trong Spline: <https://youtu.be/NdBpmhGvvW0>

Mọi bản demo trong hướng dẫn này đều đến từ cộng đồng Spline:

Interactive Cubes: <https://app.spline.design/community/file/0a334154-4b23-4948-8bf3-0cda5cc8f5ce> Interactive AI website: <https://app.spline.design/community/file/02cb429e-740b-43c8-a4e6-97ee6de7f9f8> Balloon Experience:<https://app.spline.design/community/file/1a12ce58-e8f7-4ae1-8a43-4b1527dab076> Drag and drop cube:<https://app.spline.design/community/file/341cbe38-6a4a-4c2a-b1b0-074b0a643cf7> AI data Model Interaction : <https://app.spline.design/community/file/e41b79f5-7a6d-4123-814b-7d2e60ce7c44> Heart Slider: <https://app.spline.design/community/file/b7db4757-86e1-4969-8388-a6523eac85fa> Glassy Jenga Game: <https://app.spline.design/community/file/d1f798e0-68ce-4c08-897e-e286a7389a39> Liquid Glass : <https://app.spline.design/community/file/3cbf0e6a-09c8-4b47-9560-c3ff84130086> Drag and drop landing page: <https://app.spline.design/community/file/ac5d9027-dbce-430c-bf94-1f065a820932> Interactive light bulb: <https://app.spline.design/community/file/bc8d9a75-772f-4e6a-8653-27ae6e111070> Sunrise Amount: <https://app.spline.design/community/file/bf06da2c-30e4-4884-b95f-737572b788b0>

💬 Có câu hỏi? Hãy để lại trong phần bình luận bên dưới!

👍 Đừng quên like và đăng ký kênh để xem thêm hướng dẫn và tin tức về Spline

Liên kết: 🌸 Hana → <https://spline.design/hana> 💖 Spline → <http://app.spline.design> 📚 Tài liệu Spline → <https://docs.spline.design> 👋 Cộng đồng Spline → <https://app.spline.design/community>

Mạng xã hội của chúng tôi: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

## Tổng quan

- Spline 3D
- 5 phút
- Cơ bản

## Hướng dẫn liên quan

[Tất cả hướng dẫn](https://spline.design/vi/academy/tutorials)

[Thêm chiều sâu cho thiết kế Hana với hiệu ứng 3D ShapeHanaCơ bản3 phút](https://spline.design/vi/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect)[Cách học thiết kế 3D với Spline: lộ trình thực tế từ người mới đến chuyên giaSpline 3DCơ bản8 phút](https://spline.design/vi/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Cách tạo hoạt ảnh chuyển động 3D bằng timelineSpline 3DNâng cao12 phút](https://spline.design/vi/academy/tutorials/how-to-animate-3d-motion-using-timelines)

[Spline](https://spline.design/vi)

Trình chỉnh sửa 3D và 2D cho các nhóm và tác nhân AI của họ. Xuất bản lên web, iOS và Android.

#### Hỏi AI về Spline

#### Sản phẩm

- [Thiết kế 3D](https://spline.design/vi/3d-design)
- [Hana](https://spline.design/vi/hana)
- [Omma](https://omma.build)
- [Tạo 3D bằng AI](https://spline.design/vi/ai-generate)
- [Spline MCP](https://spline.design/vi/mcp)
- [Spline Arena](https://spline.design/vi/arena)
- [Bảng giá](https://spline.design/vi/pricing)
- [Doanh nghiệp](https://spline.design/vi/enterprise)

#### Runtime

- [Web](https://spline.design/vi/web)
- [iOS](https://spline.design/vi/ios)
- [Android](https://spline.design/vi/android)

#### Ứng dụng

- [Tải xuống](https://spline.design/vi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Tải Spline Mirror](https://spline.design/download-mirror)

#### Học

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/vi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Giải pháp](https://spline.design/solutions)

#### Cộng đồng

- [Cộng đồng Spline](https://community.spline.design)
- [Blog](https://spline.design/vi/blog)
- [Changelog](https://spline.design/vi/changelog)
- [Giáo dục](https://spline.design/vi/education)
- [Contra](https://spline.design/contra)
- [Tiếp thị liên kết](https://spline.design/vi/affiliate)

#### Công ty

- [Khách hàng](https://spline.design/vi/customers)
- [Tuyển dụng](https://www.ycombinator.com/companies/spline/jobs)
- [Bảo mật](https://spline.design/vi/security)

#### Pháp lý

- [Điều khoản & Điều kiện](https://spline.design/terms)
- [Quyền riêng tư](https://spline.design/privacy)

#### Liên hệ

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.