針對Web開發人員的10個新鮮實用的CSS動畫工具

jopen 11年前發布 | 6K 次閱讀 CSS

Anima

|Visit GitHub|

針對Web開發人員的10個新鮮實用的CSS動畫工具

Anima is a fabulous tool that makes use of CSS transforms, 3D transforms and JS to allow animating multiple objects simultaneously. Every single item has its own mass and velocity to imitate real objects. This tool only weighs about 5kb, so it is a tiny yet very powerful tool that can prove to be really helpful for you.

 

Morf.js

|Visit GitHub|

針對Web開發人員的10個新鮮實用的CSS動畫工具

It allows generating hardware-accelerated CSS3 transitions easily and quickly. These transitions also boast custom effects which makes this tool even more desirable.

 

animo.js

|Visit GitHub|

針對Web開發人員的10個新鮮實用的CSS動畫工具

Animo.js lets you manage CSS animations easily and quickly. It allows stacking animations for firing one after another and also specifying callbacks to complete animations etc. You can also set it to fire animations on a specific event / moment of your choice! A great tool on the whole.

 

Animate.css

|Visit GitHub|

針對Web開發人員的10個新鮮實用的CSS動畫工具

This one is an amazing collection of CSS animations. All these animations are cross-browser. You can make use of them in home pages and sliders etc.

Ceaser

針對Web開發人員的10個新鮮實用的CSS動畫工具

This one is a great and very handy tool that allows CSS easing animations which are easy to use.

Effeckt.css

|Visit GitHub|

This one is a really cool library that boasts a lot of User Interface-less animations and transitions which can be easily employed in your projects.

Tridiv

針對Web開發人員的10個新鮮實用的CSS動畫工具

This cool cross-browser compatible editor tool allows creating 3D shapes in CSS easily and quickly.

CSS3 Animation Cheat Sheet

針對Web開發人員的10個新鮮實用的CSS動畫工具

As the name suggests, this one is a cheat sheet which means that it boasts a set of some really amazing ready-made CSS3 animations which can be easily used and all you have to do to take advantage of them is to add stylesheet to the project and apply the ready-made CSS classes to certain specific elements.

Magic CSS3 Animations

|Visit GitHub|

針對Web開發人員的10個新鮮實用的CSS動畫工具

This one is a nice user-friendly set of CSS3 animations which are fully cross-browser compatible.

CSS3 Keyframes Animation Generator

針對Web開發人員的10個新鮮實用的CSS動畫工具

This awesome tool allows creating keyframe animations with ease in just a matter of few minutes.

Stylie By Recapi

|Visit GitHub|

針對Web開發人員的10個新鮮實用的CSS動畫工具

This one is an awesome CSS3 animation tool that can be used for configuring and creating animations according to your requirements.

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!