@gtkx/react / AnimatableProperties

Type Alias: AnimatableProperties

AnimatableProperties = object

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

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:18

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

---

rotate?

optional rotate?: number

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

Rotation angle in degrees (positive rotates clockwise)

---

scale?

optional scale?: number

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

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

---

scaleX?

optional scaleX?: number

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

Horizontal scale factor

---

scaleY?

optional scaleY?: number

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

Vertical scale factor

---

skewX?

optional skewX?: number

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

Horizontal skew angle in degrees

---

skewY?

optional skewY?: number

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

Vertical skew angle in degrees

---

translateX?

optional translateX?: number

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

Horizontal translation in pixels (positive moves right)

---

translateY?

optional translateY?: number

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

Vertical translation in pixels (positive moves down)