Tilt Card
3D-наклон с бликом и параллаксом. Pro · Эффекты › Отклик на курсор и нажатие
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add tilt-cardnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { TiltCard } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
max | number | 10 | Maximum tilt, degrees. |
scale | number | 1.02 | Scale while the pointer is over the card. |
glare | boolean | true | A specular sheen that follows the pointer. |
shadow | boolean | true | A soft shadow under the card that deepens as it lifts and slides away from the pointer. |
radius | number | string | Corner radius of the card, so the glare follows its shape. Default: the card radius. | |
disabled | boolean | false | Turns off the tilt, glare tracking and layer parallax; the card stays flat. |
Похожие компоненты
- Cursor Glow — Блик и наклон за курсором
- Magnetic — Магнитное притяжение к курсору
- Ripple — Волна от нажатия в стиле Material
- Confetti — Конфетти: компонент и fireConfetti()
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
- Floating Tab Bar — Плавающая стеклянная панель вкладок
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Stars Background — Звёздное небо с параллаксом за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
Назад: Magnetic · Далее: Ripple · Весь раздел «Эффекты»