Thứ Bảy, 07/12/2019
News
Home » Thiết kế website » CSS Animation Tools, Frameworks & Tutorials

CSS Animation Tools, Frameworks & Tutorials

Tình cờ mình thấy bài này được share trên facebook nên lưu lại để khi nào cần đến thì sử dụng :)

Animate.css

Animate.css là 1 bộ sưu tập cross-browser CSS animations mà bạn có thể sử dụng trong sliders, home pages, hoặc nhiều web project khác.

css_animation_01

Stylie

Stylie là một web-based CSS3 animation tool mà bạn có thể sửng dụng để cấu hình và tạo ra các set animation của riêng mình.

css_animation_02

amino.js

animo.js là một công cụ mạnh mẽ để quản lý CSS animations.

css_animation_03

Anima

Anima giúp bạn animate multiple objects cùng 1 thời điểm. Nó sử dụng CSS transforms và 3d-transforms cùng với Javascript để tạo ra animation.

css_animation_04

 

Rocket

Rocket là 1 tool đơn giản cho việc tạo ra web animations.

css_animation_05

CSS Shake

SS Shake là 1 bộ sưu tập các CSS classes.

css_tools_resources_01

Magic Animations

Magic Animations là 1 thư viện nhỏ của CSS3 với các hiệu ứng animations đặc biệt.

css_tools_resources_02

Hover.css

Hover.css là 1 hiệu ứng hover button của CSS3.

css_tools_resources_03

 

Saffron

Saffron là 1 thư viện hỗn hợp Sass về animations và transitions của CSS3 .

Sass là gì?

SASS là một CSS Prepocessor (như LESS) giúp bạn viết CSS nhanh hơn và có cấu trúc rõ ràng hơn. Với SASS, bạn có thể viết CSS theo thứ tự rõ ràng, quản lý các biến đã được định nghĩa sẵn, có thể tự động nén tập tin CSS lại để bạn tiết kiệm dung lượng.

css_tools_resources_04

 

CSSynth

CSSynth là 1 ứng dụng web-based để chạy các animation theo thứ tự.

css_tools_resources_36

Ceaser

Ceaser

css_animation_05 (1)

Tridiv

Tridiv là 1 web-based editor mà bạn có thể dùng để tạo 3D shapes trong CSS. Nó tương thích với tất cả browser, và bạn có thể browse vài ví dụ online trước khi bắt đầu sử dụng chính editor.

css_animation_06

Morf.js

Morf.js dùng JavaScript cho phép bạn sử dụng phần cứng tăng tốc quá trình chuyển đổi CSS3 với hiệu ứng tùy chỉnh.

css_animation_08

CSS3 Keyframes Animation Generator

CSS3 Keyframes Animation Generator là một công cụ trực tuyến cho phép bạn tạo ra hình ảnh động CSS3 keyframe.

css_animation_09

Effeckt.css

Effeckt.css là thư viện cung cấp vô số các animation và transition mà bạn có thể sử dụng trong các dự án web của bạn.

Nguồn: blog.topdev.vn

1 Star2 Stars3 Stars4 Stars5 Stars6 Stars7 Stars8 Stars9 Stars10 Stars (1 votes, average: 10,00 out of 10)
Loading...

Leave a Reply

Your email address will not be published. Required fields are marked *

*

:cuoi: :hix: :hihihi: :kiss: :sexy: :dotay: :ngacnhien: :oh: :love: more »