⚙️ 效果设置
👁️ 实时预览
'/%3E%3Ccircle cx='330' cy='70' r='50' fill='rgba(255,255,255,0.3)'/%3E%3Cpath d='M0 300 L400 140 L400 300 Z' fill='rgba(255,255,255,0.18)'/%3E%3Ctext x='200' y='170' text-anchor='middle' font-size='30' fill='white' font-family='sans-serif' font-weight='bold'%3EDemo%20Image%3C/text%3E%3C/svg%3E)
悬停效果
👆 将鼠标移到图片上查看效果
📋 生成的代码
📖 使用说明
1. 选择悬停效果类型，调整效果强度和过渡时间
2. 可选开启文字叠加，自定义叠加层颜色和透明度
3. 在预览区将鼠标移到图片上查看实时效果
4. 满意后点击「复制HTML」和「复制CSS」按钮获取代码
5. 将代码粘贴到你的项目中即可使用
悬停效果类型等参数详解
- 悬停效果类型
- 过渡时间 (秒)
- 效果强度
- 缓动函数
- 叠加文字
- 叠加层颜色
- 叠加层透明度 (0-1)
- 圆角 (px)