check_transition_animation
Analyzes CSS transitions and animations on web component hosts to identify standard properties that fail across Shadow DOM boundaries, prompting use of CSS custom properties for component internals.
Instructions
Detects CSS transitions and animations on web component hosts that target standard properties which cannot cross Shadow DOM boundaries. Transitions on standard properties (color, background, opacity) only affect the host element box, not the component internals. Use CSS custom properties for animations that the component consumes.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| cssText | Yes | CSS code to analyze | |
| tagName | Yes | Tag name of the web component (e.g., "sl-button") |