Skip to content
Kpu-admin 官方文档
搜索文档
K
Main Navigation
文档
指南
组件
在线演示
地址
备用地址
技术支持
下载 / 定制
下载
定制开发
💖 友情推荐
VForm 低代码表单
FormCreate 可视化表单设计器
Vexip UI 组件库
MineAdmin 开箱即用后台系统
Go-Ldap-Admin openLDAP后台管理项目
TOPIAM 单点登录与统一身份认证平台
交换友链 ?
Appearance
Menu
Return to top
On this page
作者其他作品
Kpu-startkit
简单好用的 Vue3 项目启动套件
Kpu-mobile
自成一派的 H5 框架
One-step Console
一步编排你的工作现场
Are you an LLM? You can read better optimized documentation at /components/pro/KaBlurReveal.md for this page in Markdown format
KaBlurReveal 模糊显现
元素进入视口时以模糊渐变的方式显现的动画组件。
使用场景
元素进入视口时以模糊渐变的方式显现的动画组件。
常见用法:多元素依次显现、标题淡入、列表项依次显现、卡片组显现。
Props
参数
说明
类型
默认值
duration
动画持续时间 (秒)
number
1
delay
每个元素延迟时间 (秒)
number
1
blur
模糊强度
string
'20px'
yOffset
Y 轴偏移距离 (px)
number
20
class
自定义类名
HTMLAttributes['class']
undefined
Slots
名称
说明
default
默认插槽,放置要显示的内容
注意事项
涉及动画、预览或状态反馈时,建议结合实际页面密度控制同屏实例数量与刷新频率。