Web设计人员的10个最好CSS动画工具

jopen 9年前

Animate CSS

Web设计人员的10个最好CSS动画工具

Use a simple CSS class and add some cool effects of your web design layout and make your application more attractive and beautiful. Animate.css have lots of cool animation effects that can make layout more active.

CSShake

Web设计人员的10个最好CSS动画工具

You can use shaking animation effects just use of simple csshake library in your project. Have best collection of different classes that help you to make your project more shaking.

CSS Animate

Web设计人员的10个最好CSS动画工具

CssAnimate.com, tool for easy and fast creating CSS3 keyframes animation. If you want to render complex and consistent CSS3 animation on your site this tool is made for you! You can create complex CSS3 keyframe animation without any coding and to get ready made css styles for using on your site.

Hover CSS

Web设计人员的10个最好CSS动画工具

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

Anima

Web设计人员的10个最好CSS动画工具

Anima gives you the ability to use delays and durations normally, even for pure CSS animations. It uses CSS transforms and 3d-transforms together with Javascript to create animation. You have full control over the flow, so you can start, stop, cancel animations and even create event-based stuff. Or it can generate pure CSS animations, but has limitations for parallel animations.

Animo.js

Web设计人员的10个最好CSS动画工具

Animo.js is the powerful tool that help for managing CSS animations and start animations, create cross browser, set callbacks on animations compilation or simply fire animations on any event or at any moment.

Stylie

Web设计人员的10个最好CSS动画工具

Stylie is great fun CSS animation tool to create cool animation effects with this online tool.

Ceaser

Web设计人员的10个最好CSS动画工具

Ceaser is another easing animation tool. Choose an easing type and test it out with a few effects. If you don’t quite like the easing, grab a handle and fix it. When you’re happy, snag your code and off you go.

WOW

Web设计人员的10个最好CSS动画工具

Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library.

Spinkit

Web设计人员的10个最好CSS动画工具

Spinkit is a collection of loading indicators and spinners animated with CSS. SpinKit uses CSS animations to create smooth and easily customizable animations. The goal is not to offer a solution that works in every browser—if you’re supporting browsers that haven’t implemented the CSS.