Tween value types

Specify the start and end values that define the animation of animatable properties.
Animation values are assigned to Animatable properties and accept a wide range of syntaxes.

animate('.square', {
  x: '6rem', ─────────────────┐
  y: $el => $el.dataset.y, ───┤
  scale: '+=.25', ────────────┼─ Tween Values
  opacity: {                  │
    from: .4, ────────────────┘
  },
});