Transition Property

Set which properties have a transition effect.

baselinewidely

Class	CSS
tp:a	transition-property: all;
tp:bs	transition-property: box-shadow;
tp:c	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
tp:d	transition-property: height, width;
tp:h	transition-property: height;
tp:none	transition-property: none;
tp:o	transition-property: opacity;
tp:t	transition-property: transform, translate, scale, rotate;
tp:w	transition-property: width;

Variants

Prefix any class with a variant to apply it only under that condition. Variants stack, as in @md:h:tp:h.

Apply a class from a viewport width up. Each breakpoint covers its width & every width above it.

Apply a class from a container's width up, not the viewport's. Mark the parent with ct:is first.

Apply a class when the device or the page matches a condition, or on the first frame an element renders.

Apply a class only while the element is in a state, such as hovered, focused or checked.

Style a part of the element rather than the element itself, such as its placeholder or the selected text.