Evan Kennedy Evan Kennedy - 4 months ago 14
CSS Question

Targeting a specific CSS transform with transition

Is there a way to target a specific CSS Transform property (such as

Rotate()
,
Scale()
,
TranslateX()
) with the Transition property? Something along the lines of:

transition: 200ms transform-Rotate, 500ms transform-TranslateX;

Answer

No. The CSS transition spec states that only single CSS properties can be used in the transition-property field. transform is a CSS property. Rotate(), Scale(), etc, are transform functions, not CSS properties.