[feature request] expand animation and transition shorthands

[bartveneman]

This is a feature request to expand the following values:

Transitions

/* property name | duration */
transition: margin-right 4s;

/* property name | duration | delay */
transition: margin-right 4s 1s;

/* property name | duration | timing function */
transition: margin-right 4s ease-in-out;

/* property name | duration | timing function | delay */
transition: margin-right 4s ease-in-out 1s;

/* Apply to 2 properties */
transition: margin-right 4s, color 1s;

/* Apply to all changed properties */
transition: all 0.5s ease-out;

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/transition

Animations

/* @keyframes duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | name */
animation: 3s ease-in 1s 2 reverse both paused slidein;

/* @keyframes duration | timing-function | delay | name */
animation: 3s linear 1s slidein;

/* @keyframes duration | name */
animation: 3s slidein;

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/animation

Spec: https://drafts.csswg.org/css-animations/#animation