• Design
  • Shotty
  • Blog
  • Reading
  • Photos
Menu

Jacob Ruiz

Product Designer
  • Design
  • Shotty
  • Blog
  • Reading
  • Photos
curve.png

CSS Easing Functions Cheat Sheet

February 14, 2021

Picking the right easing function for your transitions goes a long way in making animations feel natural.

I like to use this handy CSS Easing Functions Cheat Sheet as a starting point. The graphs help you quickly visualize what the curve will feel like, so you can pick the right curve for the job.

easings
In Code Tags code
← Focus on fonts: QuestrialDesigning in hard mode →
shotty-skinny2x.jpg

Shotty - Faster Access To Your Screenshots on Mac

Shotty is an award-winning Mac app I created to give you instant access to all your recent screenshots, right from the menu bar. You can even add annotations on-the-fly. Stop wasting time digging through Finder for your screenshots. I promise it’ll change your workflow forever (just read the App Store reviews!).



Most popular

information-architecture

Information Architecture: The Most Important Part of Design You're Probably Overlooking

Follow @JacobRuizDesign