CSS3 Animation Cheat Sheet

CSS3 Animation Cheat Sheet


This CSS3 Animation Cheat Sheet by Justin Aguilar is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the pre-made CSS classes to the elements you want animated. Download the CSS file and learn how it works over at Justin’s website:

Get CSS File!

 

2 Comments

Add yours
  1. 1
    Ben Sehl

    You should check out Dan Eden’s Animate.css, really great stuff.

    I’d really recommend not just using it as a plug-and-play solution though. Unless you’re just using the resources to build out a prototype, people should never be using frameworks like these (or especially bootstrap) right out of the box. Comb through it, learn it, understand it, and take only what you need. Gluttony is the internet’s worst enemy.

    • 2
      Mark-Anthony

      Thanks Ben! I’ll look into it. I totally agree with you about frameworks. We try to prohibit students from using frameworks and I encourage them to hand-code everything. It just makes for cleaner documents with less code… and they learn more about coding in the long-run. However, I shared this link as a reference tool so the newer students could have an idea of what they could do with CSS transitions.

+ Leave a Comment