Those are CSS custom properties (CSS variables) used by a design system or animation utility—likely prefixed with “sd-“—to control an element’s animation. Brief explanation:
- –sd-animation: sd-fadeIn;
- Specifies which animation to apply; here a predefined keyframe or animation group named “sd-fadeIn” (fade-in effect).
- –sd-duration: 0ms;
- Duration of the animation; 0ms means no visible animation (instant).
- –sd-easing: ease-in;
- Timing function controlling acceleration; “ease-in” makes the animation start slowly and speed up.
Notes:
- These variables themselves do nothing until referenced in CSS animation properties (e.g., animation-name, animation-duration, animation-timing-function) or consumed by component styles/scripts.
- If you want
Leave a Reply