animate

  1. filiallion

    Share Tạo hiệu ứng các hạt chuyển động đẹp mắt với thư viện particles.js

    Một thư viện nhỏ dùng để tạo hiệu ứng các hạt chuyển động đẹp mắt mà tôi sẽ giới thiệu với các bạn đó là particles.js. Các bạn có thể xem qua mẫu hiệu ứng này tại địa chỉ http://codepen.io/VincentGarreau/pen/pnlso để có cái nhìn trực quan hơn. Mặc dù chỉ tạo ra một hiệu ứng duy nhất nhưng thư...
  2. filiallion

    Share Sử dụng thư viện Velocity để tạo hiệu ứng chuyển động

    Tôi giới thiệu với các bạn một thư viện tạo hiệu ứng chuyển động chuyên nghiệp khác đang được rất nhiều website lớn sử dụng đó là Velocity. Ngoài các hiệu ứng được thiết kế rất đẹp, thư viện Velocity còn cung cấp một bộ tài liệu hướng dẫn rất chi tiết cho các bạn lập trình viên tại địa chỉ...
  3. filiallion

    Share Tạo hiệu ứng chuyển động dễ dàng với thư viện jQuery Transit

    Với sự hỗ trợ của JavaScript, các lập trình viên đã tạo ra nhiều thư viện hiệu ứng chuyển động rất đẹp mắt, một trong số đó phải kể đến thư viện jQuery Transit mà tôi sẽ giới thiệu với các bạn ở bài viết này. Với việc thiết kế các hiệu ứng chuyển động bằng JavaScript kết hợp với các tuỳ chọn bổ...
  4. filiallion

    Share Thiết kế hiệu ứng hoạt hình chuyên nghiệp với thư viện Move.js

    Tiếp tục là một thư viện JavaScript dùng để thiết kế hiệu ứng hoạt hình chuyên nghiệp mà tôi sẽ giới thiệu với các bạn đó là thư viện Move.js. Có thể với nhiều bạn lập trình thiết kế giao diện website thì thư viện Move.js đã quen thuộc, nhưng bài viết này tôi muốn giới thiệu với các bạn mới làm...
  5. filiallion

    Share Sử dụng thư viện Dynamics.js để tạo hiệu ứng hoạt hình

    Các ứng dụng web hiện nay phần lớn đều sử dụng hiệu ứng hoạt hình để làm nổi bật các thành phần cần nhấn mạnh hoặc đơn giản là làm cho ứng dụng thêm đẹp hơn. Việc sử dụng hiệu ứng hoạt hình là điều tất yếu theo phong cách thiết kế giao diện người dùng hiện nay. Có rất nhiều thư viện giúp cho các...
  6. filiallion

    Share Tạo hiệu ứng hoạt hình đẹp mắt với thư viện Woah.css

    Nếu các bạn thiết kế website thì chắc chắn các hiệu ứng chuyển động hoạt hình thường xuyên được sử dụng để làm phong phú cũng như làm nổi bật các nội dung của website. Việc thiết kế các hiệu ứng chuyển động hoạt hình có thể được thiết kế bằng CSS hoặc JavaScript, mỗi cách thức đều có ưu và nhược...
  7. filiallion

    Share Tạo hiệu ứng hoạt hình với thư viện Choreographer-js

    Hiệu ứng hoạt hình trên website hiện nay được sử dụng khá phổ biến khi hầu hết các website đều thiết kế với các hiệu ứng chuyển động hoạt hình. Các hiệu ứng hoạt hình được thiết kế rất đa dạng, trong số đó là hiệu ứng khi cuộn trang hay rê chuột. Với thư viện Choreographer-js, các bạn có thể dễ...
  8. filiallion

    Share Tạo hiệu ứng hoạt hình đẹp mắt với thư viện anime.js

    Hiệu ứng hoạt hình trên website hiện nay đang được sử dụng khá phổ biến bởi khả năng tạo chuyển động đẹp, dễ gây chú ý cho người sử dụng. Các bạn lập trình front-end có thể sử dụng CSS để tạo hiệu ứng hay sử dụng JavaScript để nâng cao các hiệu ứng. Bài viết này tôi cũng giới thiệu với các bạn...
  9. filiallion

    Share Tạo hiệu ứng cho nội dung khi cuộn trang với thư viện basicScroll

    Nếu các bạn muốn tạo hiệu ứng cho nội dung trang web khi cuộn trang tương tự như parallax thì các bạn có thể sử dụng thư viện basicScroll. Thư viện basicScroll được viết bằng JavaScript với chức năng trình diễn các hiệu ứng chuyển động hoạt hình khi người dùng cuộn trang. Mặc dù hiệu ứng nội...
  10. filiallion

    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

    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...
  11. filiallion

    Share Tạo hiệu ứng hoạt hình loading với thư viện Repaintless.css

    Khi truy cập website các bạn sẽ cần một khoảng thời gian nhỏ để trang web hiển thị toàn bộ nội dung trên trình duyệt, trong khoảng thời gian chờ đợi này nhiều website thiết kế các biểu tượng chuyển động hoạt hình vừa giúp người dùng biết tình trạng tải trang cũng như tạo cảm giác mọi thứ đều...
  12. filiallion

    Share Tạo hiệu ứng hoạt hình khi cuộn trang web với thư viện Motus

    Các hiệu ứng hoạt hình thường sử dụng CSS để tạo, tuy nhiên có những hiệu ứng chỉ một mình CSS thì không thể, lúc này JavaScript sẽ được sử dụng để tạo ra các hiệu ứng hoạt hình phức tạp. Thư viện Motus cũng là một trong số đó, nó có chức năng tạo các hiệu ứng hoạt hình cho nội dung khi người...
  13. filiallion

    Share Tạo hiệu ứng hoạt hình chuyên nghiệp với thư viện WickedCSS Animations

    Nếu các bạn đang cần tìm một thư viện CSS trình diễn các hiệu ứng hoạt hình chuyên nghiệp thì có lẽ các bạn không thể bỏ qua thư viện WickedCSS Animations. Đây là bộ thư viện được viết hoàn toàn bằng CSS với rất nhiều hiệu ứng đẹp mắt. Các chuyển động hoạt hình đều rất mượt, tạo cảm giác tự...
  14. filiallion

    Share Tạo hiệu ứng hoạt hình dễ dàng với thư viện Animatelo

    Trước đây tôi có giới thiệu với các bạn thư viện CSS Animate.css dùng để tạo các hiệu ứng hoạt hình đẹp mắt rất dễ sử dụng tại bài viết "Tạo hiệu ứng đẹp mắt với thư viện Animate.css". Bài viết này tôi giới thiệu với các bạn một thư viện tương tự gần như giống hoàn toàn các hiệu ứng của...
  15. filiallion

    Share Tạo hiệu ứng hoạt hình cho các thành phần website với thư viện Micron.js

    Thư viện Micron.js giúp các bạn tạo các hiệu ứng hoạt hình trên các thành phần của website một cách dễ dàng chỉ với vài khai báo thuộc tính ngay bên trong các thẻ HTML của thành phần. Các bạn có thể xem qua các hiệu ứng mà thư viện Micron.js hỗ trợ tại địa chỉ...
  16. filiallion

    Share Tạo hiệu ứng cho các thành phần khi cuộn trang với thư viện AOS

    Thư viện AOS là một thư viện JavaScript được thiết kế với mục đích tạo hiệu ứng hoạt hình cho các thành phần trên website khi người dùng cuộn trang. Việc sử dụng thư viện rất đơn giản bằng cách khai báo các thuộc tính ngay trong các thẻ HTML của thành phần. Trước hết, các bạn cần phải truy cập...
  17. filiallion

    Share Tạo hiệu ứng chuyển động trên các thành phần khi cuộn trang với thư viện WOW.js

    Thư viện WOW.js được sử dụng với sự hỗ trợ của thư viện Animate.css mà tôi đã có bài viết giới thiệu "Tạo hiệu ứng đẹp mắt với thư viện Animate.css". Thư viện WOW.js sẽ sử dụng các hiệu ứng chuyển động của thư viện Animate.css để tạo ra các hiệu ứng chuyển động trên các thành phần khi người dùng...
  18. filiallion

    Share Tạo hiệu ứng đẹp mắt với thư viện Animate.css

    Một trong những tính năng tuyệt vời nhất của CSS đó chính là tạo các hiệu ứng chuyển động với CSS3 Animation. Trước đây, mỗi khi tạo hiệu ứng cho website các bạn phải nhờ đến sự giúp sức của JavaScript. Giờ đây, công việc này đã phần nào được đơn giản hóa bởi CSS cụ thể là CSS3 Animation. Mặc dù...
Back
Top