CSS Animation 101

What it does

Learn how to bring animation to your web projects. CSS Animation 101 is a free ebook that teaches you how to use CSS to bring animation to your projects. It includes step-by-step guides and tutorials along with downloadable code and CodePen examples. Make your website come to life with CSS animation. Download as PDF, ePub or HTML. Completely free.

• 
  Transforms in CSS2016 · ▲117

  Free eBook for learning to code animations

• 
  Move Things With CSS2020 · ▲102

  An ebook for learning CSS animations and transitions

• AV
  A visual guide to the most popular CSS properties2016 · cssreference.io · ▲1,117

  CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

• CA
  CSS3 animation2012 · thegoodman.cc · ▲271

  An experiment with basic CSS3 animations.

• 
  CSS Animation Cheat Sheet2014 · ▲232

  Awesome CSS3 plugin for spiffy animations

• 
  Animate.css2014 · ▲191

  Just-add-water CSS animations

• 
  Meridian▲530

  Don't let your work go unnoticed. Get promoted!

  Dev tools · 28d ago · meridiona.com

• 
  x1▲516

  Lovable for iPhone apps go from idea to App Store

  Dev tools · 19d ago · x1.new

• 
  Open-Source eInk Bike Computer▲421

  OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

  Dev tools · 9d ago · opentrailpaper.com

• 
  Toplify▲365

  Track your App Store ranking worldwide

  Dev tools · 23d ago · toplify.app

• 
  Vendo ▲362

  Let your users build their own features inside your product

  Dev tools · 28d ago · vendo.run

• 
  PR Lens by Coldtea.ai▲347

  See code through a new lens

  Dev tools · 16d ago · prlens.dev

• 
  Krisp Mac▲893

  Mute background noise during calls

  AI · 2018 · krisp.ai

• 
  Web.dev by Google▲815

  Learn how to build for the web and see where you stand 🌟

  Dev tools · 2018 · web.dev

• 
  DrawKit▲765

  MIT licensed SVG illustrations, in 2 styles

  Dev tools · 2018

• 
  The 1.1.1.1 App▲689

  Faster, more private internet by Cloudflare, now on mobile

  Work · 2018 · apps.apple.com

• TA
  TabNine, an autocompleter for all languages▲607

  Tabnine is the AI code assistant that accelerates and simplifies software development while keeping your code private, secure, and compliant.

  AI · 2018 · tabnine.com

• 
  Do Things That Don't Scale▲586

  Discover new unscalable ways to grow your startup

  Growth · 2018