Skip to main content

Type Alias: AnimatableProperties

AnimatableProperties = object

Defined in: packages/react/src/jsx.ts:17

CSS properties that can be animated on a widget.

All transforms are applied via GTK CSS and rendered through the widget's style context.

Properties

opacity?

optional opacity: number

Defined in: packages/react/src/jsx.ts:19

Opacity from 0 (fully transparent) to 1 (fully opaque)


rotate?

optional rotate: number

Defined in: packages/react/src/jsx.ts:31

Rotation angle in degrees (positive rotates clockwise)


scale?

optional scale: number

Defined in: packages/react/src/jsx.ts:25

Uniform scale factor (1 = original size, 2 = double size)


scaleX?

optional scaleX: number

Defined in: packages/react/src/jsx.ts:27

Horizontal scale factor


scaleY?

optional scaleY: number

Defined in: packages/react/src/jsx.ts:29

Vertical scale factor


skewX?

optional skewX: number

Defined in: packages/react/src/jsx.ts:33

Horizontal skew angle in degrees


skewY?

optional skewY: number

Defined in: packages/react/src/jsx.ts:35

Vertical skew angle in degrees


translateX?

optional translateX: number

Defined in: packages/react/src/jsx.ts:21

Horizontal translation in pixels (positive moves right)


translateY?

optional translateY: number

Defined in: packages/react/src/jsx.ts:23

Vertical translation in pixels (positive moves down)