HomeStylesTemplates
StyleKit
风格库模板
  1. Home
  2. /Animations
  3. /Image Distortion
返回动画列表

图像扭曲

Image Distortion

鼠标经过图像时产生局部液态位移，适合高表现力作品集和专题页。

持续高级GPU 加速

预览

代码

持续时间

continuous

缓动函数

lerp

CSS 属性

transform, filter

使用场景

  • Portfolio galleries
  • Campaign pages
  • Immersive editorials

相关动画

parallax-layerstilt-3d

StyleKit

精选网页设计风格库，帮助 AI 生成更好看的网站。

导航

风格库模板指南博客更新日志

资源

UI 设计提示词落地页提示词Dashboard 提示词Tailwind UI 提示词暗黑模式提示词GitHub 仓库

保持更新

订阅即表示您同意我们的 隐私政策 和 服务条款。

支持维护

如果 StyleKit 恰好帮到了你，欢迎扫码支持。金额随意，每一份心意我都很感谢。

扫码支持 / 查看全部方式

(c) 2026 StyleKit. 开源项目。

关于联系与支持隐私政策服务条款基于 Editorial 风格构建
StyleKit 前端样式库stylekit.top陕ICP备2025065501号-3