Share Tạo hiệu ứng hoạt hình cho văn bản và nhiều thành phần khác với thư viện Splitting

[filiallion]

Language

Tiếng Việt

Nếu như các bạn đã làm nhiều giao diện website với rất nhiều hiệu ứng chuyển động hoạt hình thì chắc hẳn các bạn đã biết tới thư viện Splitting. Thư viện Splitting thật sự rất đáng kinh ngạc về khả năng tạo ra các hiệu ứng hoạt hình cho văn bản cũng như nhiều thành phần khác trên website với hiệu ứng chuyển động phức tạp nhưng mượt tựa như đang trình chiếu một slide PowerPoint vậy.

Thư viện Splitting được phát triển rất chuyên nghiệp, có đầy đủ tài liệu hướng dẫn sử dụng cũng như các API để các bạn lập trình viên sử dụng. Ngoài ra, với sự hỗ trợ giải đáp nhiệt tình từ nhà phát triển cũng giúp các bạn lập trình viên thuận lợi hơn trong quá trình sử dụng cũng như lập trình mở rộng thư viện theo mục đích phát triển riêng.

Các bạn tải thư viện Splitting tại địa chỉ https://github.com/shshaw/splitting và tích hợp vào website với dòng mã lệnh như sau:

<script src="path/to/splitting.min.js"></script>

Các bạn tạo thành phần HTML như sau:

<div data-splitting>Welcome to Gextend</div>

Sau đó, các bạn cài đặt thư viện Splitting để áp dụng hiệu ứng hoạt hình cho thành phần trên với mã JavaScript như sau:

Splitting();

Các bạn có thể tìm hiểu thêm về thư viện Splitting tại địa chỉ https://splitting.js.org/guide.html.