快付宝
手机银行等金融与在线支付移动App应用程序 PWA HTML 模板 | 电子钱包App模板在当今竞争激烈的金融科技领域，开发一款功能强大、设计精美且具备出色用户体验的移动应用App至关重要。「快付宝」是一款专为金融科技初创公司、金融机构以及移动应用开发者打造的高级金融行业App模板，...
弹出菜单
CSS实现与菜单图标交互时「弹出」效果展开菜单项这个设计聚焦于创建一个个性的菜单图标，当用户与之互动时，菜单会以一种引人注目的“弹出”效果展开。通过CSS的过渡（transition）和变换（transform）属性，可以实现平滑且吸引人的动...
3D图形变换
等距视角下的CSS动画：实现三维图形变换与色彩过渡通过结合等距（Isometric）设计与CSS3动画技术，可以创建出一个既具有三维视觉（3D）效果又动态丰富的网页动画效果。在这个设计中，我们将利用CSS的transform属性来完成元素的旋转...
水平滚动
HTML实现水平方向滚动卡片效果，超过屏幕的卡片自动隐藏横向排列多张内容卡片超过屏幕的卡片自动隐藏，使用GSAP结合ScrollTrigger插件实现水平滚动卡片效果，可以让每一行的卡片在用户滚动页面时以流畅过渡动画形式展现出来。当用户浏览到这一部分...
文字悬停动画
基于GSAP和自定义JavaScript包装函数实现的8种创意的文字悬浮动画效果使用GSAP（GreenSock Animation Platform）和自定义的JavaScript字母包装函数实现的文字悬停动画，可以实现当鼠标悬停或者离开文字时，该字符会有独特的动画效果...
动态表情
利用 Parallax.js 插件实现Emoji表情动态效果，让Emoji表情随着鼠标轨迹运动这个效果利用了Parallax.js库实现了Emoji表情眨眼效果同时也实现了Emoji表情眼睛随着鼠标轨迹移动。随着鼠标摇头晃脑的Emoji表情很可爱也极具交互性！
穿梭小火箭
CSS支持加速以及变换方向的小火箭穿越星空动画效果纯CSS实现的小火箭穿越星空动画效果，主要是通过CSS的animation、transform以及transition实现的，支持鼠标控制火箭飞行方向，点击页面火箭会进入加速状态。
区域裁剪
使用CSS clip-path 实现滚动渐显的英雄区块，增强网站滚动体验！使用CSS的clip-path属性创建出的一种动态效果，使得页面上的元素（例如首页英雄区域）在页面滚动时逐渐显示出来。页面最开始的时候，英雄区域被一个形状（通常是矩形）完全覆盖，用户看不到其内容...
折叠纸
CSS折叠纸效果登录表单，鼠标经过时纸张会平铺展开！基于CSS的transform以及transition等关键属性实现的「折叠纸张效果的登录表单」，当鼠标经过时纸张会呈现平铺打开的动画效果。这是一种创意的设计概念，它模拟了真实世界中的纸张折叠效...
固定效果
GSAP实现滚动页面固定特定区域效果这是一种使用 GSAP 的 ScrollTrigger 插件实现的一种叫做“固定区域（Pinned Section）”的滚动动画效果，这种效果表现为当用户滚动页面到某个特定区域时，示例中的特定...
斯卡思
Tailwind CSS结合PWA技术实现的体育赛事播报及体育资讯App模板「斯卡思」是一款现代化、高性能的体育比赛以及体育资讯等体育行业App模板，是基于PWA技术结合Tailwind CSS技术实现的，可以被安装到用户升级等设备的主屏幕，提供接近原生应用的操作体验。...
塔克斯
PWA与Bootstrap技术结合实现的打车App乘客端以及司机端模板「塔克斯」是为打车平台设计的一款先进的Progressive Web App（PWA）模板，专为打造与原生应用App相似的用户体验而设计。非常适合网约车预定App、出租车预定App、顺风车App...