设计晨报 往期
← 11月1日
工具与素材

Codrops Lookbook Hover Effects:八种时尚 Lookbook 卡片悬停转场(MIT)

电商/作品集/品牌站要做「卡片盖住照片」的不规则转场时,应先对照这八套可 fork 原型,少从零搓遮罩。

Codrops 2026-10-31:Lookbook Hover Effects——时尚照片网格上八种悬停/点击卡片接管(锯齿、曲线、折叠边、玻璃、频道闪切等);多数 WebGL+GSAP,其一 CSS clip-path。GitHub 2026-10-29 创建、10-31 更新,MIT。

Demo:Eight hover effects for a lookbook grid… README:Driven by GSAP, drawn in WebGL in every variation but 03 (CSS clip-path). License: The code is MIT。

为什么值得看

可直接收藏作动效灵感与可改编起点;完成度高、主体明确。

可以试试

打开 Demo,扫一遍锯齿与玻璃两套,再决定是否 fork 改编到作品集。

原文