Blur Reveal
A component to smoothly blur fade in content.
This component uses the nuxt-only syntax with the <ClientOnly>. If you are not using Nuxt, you can simply remove it.
通过 CLI 安装
手动安装
复制并粘贴以下代码：
BlurReveal.vue
API
| Prop 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
duration | number | 1 | Duration of the blur fade in animation. |
delay | number | 1 | Delay between child components to reveal |
blur | string | 10px | Amount of blur to apply to the child components. |
yOffset | number | 20 | Specifies the vertical offset distance (yOffset) for the entrance animation. |
感谢
- Credits to Magic UI for this fantastic component.