<!-- Auto-generated by `velinstyle docs generate`. Do not edit. Source: src/utilities/chart-animation.css -->

# Utilities: chart-animation

Source: `src/utilities/chart-animation.css`

| Class | CSS output |
| --- | --- |
| `.velin-chart-area` | `fill: var(--velin-chart-area-fill, currentColor); opacity: 0; animation: velin-count-fade var(--velin-duration-slowest,…` |
| `.velin-chart-glow` | `animation: velin-sparkline-glow 2.4s var(--velin-ease-in-out, ease-in-out) infinite;` |
| `.velin-chart-line` | `fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: var…` |
| `.velin-count-fade` | `animation: velin-count-fade var(--velin-duration-slow, 300ms) var(--velin-ease-expo-out, ease-out) both;` |
| `.velin-count-fade` | `animation: none; stroke-dashoffset: 0; opacity: 1; transform: none; filter: none; box-shadow: none;` |
| `.velin-live-pulse` | `animation: velin-live-pulse 1.8s var(--velin-ease-out, ease-out) infinite; border-radius: 50%;` |
| `.velin-spark-tick` | `animation: velin-value-bump var(--velin-duration-slow, 300ms) var(--velin-ease-spring, ease-out) both;` |