BestHub
search
Sign in
Tag

Houdini

1 views collected around this technical thread.

ByteFE
ByteFE
May 11, 2021 · Frontend Development

Leveraging CSS @property (Houdini) for Advanced Animations and Custom Property Control

This article introduces the CSS @property at‑rule, explains how it extends the Houdini API to define typed custom properties with defaults and inheritance, and demonstrates a series of practical animations—including gradient transitions, conic‑gradient pie charts, length‑based underline effects, and a full‑screen saver—by rewriting traditional CSS with @property definitions and showcasing the required code snippets.

CSSHoudinianimation
0 likes · 13 min read
Leveraging CSS @property (Houdini) for Advanced Animations and Custom Property Control
WecTeam
WecTeam
Aug 27, 2019 · Frontend Development

Unlock CSS Houdini: Create Custom Paint, Layout, and Worklet Effects

This article explains how CSS Houdini opens the browser's rendering pipeline through APIs for custom properties, painting, layout, and worklets, providing step‑by‑step code examples that let developers define their own CSS behavior and create dynamic visual effects.

CSSHoudiniLayout API
0 likes · 11 min read
Unlock CSS Houdini: Create Custom Paint, Layout, and Worklet Effects