easings.net VS colors

Easings: When working with animations and transitions, Easings provides a comprehensive cheat sheet for various easing functions, allowing developers to visualize and choose the perfect timing curve for their projects.

Something like this: https://easings.net/#easeOutExpo

Very timely and helpful, thank you!

A suggestion: the pulse animation would look much better with ease-in / ease-out animation curves instead of the harsh linear curve it's currently using. EaseInOutSine from this cheat sheet would do fine: https://easings.net/

One I like to reference is this easing functions cheatsheet. Its aimed at programming animations, but a lot of the principles apply to your needs.

I feel like BB should definitely have easings (specifically the ones on easings.net) for keyframes. Any thoughts?

> I wasn’t sure what type of math function would work for this

Usually people use "easing functions", which are convenient since they typically have a range and image both in [0.0 .. 1.0] [1] (although sometimes the range is slightly above 1 or below 0 to produce some "effect"). CSS has a cubic-bezier function [2] that can be used to replicate pretty closely all sorts of easing functions.

Functions that look like an "S" when plotted are called "sigmoids", a popular one used in graphics applications is called "Smoothstep" [3].

--

1: https://easings.net

2: https://developer.mozilla.org/en-US/docs/Web/CSS/easing-func...

3: https://en.wikipedia.org/wiki/Smoothstep

I'm almost certain these were posted back in the day but:

Adam Morse's updated color palette: https://clrs.cc/

This really cool color scale generator: https://hihayk.github.io/scale/#4/6/50/80/-51/67/20/14/1D9A6...

Scheme: mrmrs (http://clrs.cc)

Have a look at https://clrs.cc/

Clrs.cc

Colors- Colors

mrmrs/colors - Smarter defaults for colors on the web.