Gradient Background
Медленно перетекающий градиент. Pro · Эффекты › Фоны
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add gradient-backgroundnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { GradientBackground } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
duration | number | 15 | Seconds for one pass across the gradient; it then eases back (default 15). |
colors | readonly string[] | Colours of the gradient; the second also tints the drifting glows (default: the theme's --ui-gradient-background-stops). | |
angle | number | 135 | Direction of the gradient, degrees (default 135). |
grain | number | 0.4 | Fine film grain over the gradient, 0–1: hides banding on large soft areas (default 0.4; 0 turns it off). |
Похожие компоненты
- Aurora Background — Медленное северное сияние за контентом
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Stars Background — Звёздное небо с параллаксом за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
- Hole Background — Тоннель-портал с кольцами и частицами
- Fireworks Background — Фейерверк для побед и достижений, запуск по клику
- Spotlight — Сценические лучи и прожектор за курсором
- Meteors — Падающие метеоры
- Background Pattern — Фоновые точки, сетка и линии с затуханием
- Particles — Поле частиц, реагирующее на курсор
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
Назад: Aurora Background · Далее: Bubble Background · Весь раздел «Эффекты»