创意背景
CSS 创意动态渐变背景，linear-gradient实现的线型交叉图形变换效果基于 CSS 的 linear-gradient、keyframes 以及animation等关键属性实现的线性渐变动画效果，非常的吸引人！linear-gradient 是一种背景图像，它沿着...
实况球赛
Material Design风格的体育赛事播报、比分竞猜与下注App手机网站模板（PWA + Bootstrap5）「彼特柔」是一款专为体育赛事播报及球赛比分预测行业设计的现代化移动UI模板，采用主流的Google Material Design设计系统，覆盖包括棒球、足球、篮球等多种体育赛事项目。用户可以基...
交友会
仿Tinder、探探App的基于 PWA 和 Bootstrap 技术实现的在线约会交友App 模板在当今快节奏的社会，Tinder和探探等陌生人交友软件大行其道，即使你没有亲自使用过，可能也有所耳闻。随着工作占据了人们的大部分时间，社交机会被逐渐压缩，有限的社交时间也往往被狭小的工作和生活圈...
旋转立方体
GSAP实现的3D立体魔方旋转动画效果，立方体的每个面都设置了错落动画使用GSAP的stagger仅需要20行脚本即可实现这种3D旋转立方体，立方体的每个面都包含错落动画，并且附带放大缩小以及颜色渐变的动画效果。这样的动画不仅能够吸引用户的注意力，还能提升网页的互...
快付宝
手机银行等金融与在线支付移动App应用程序 PWA HTML 模板 | 电子钱包App模板在当今竞争激烈的金融科技领域，开发一款功能强大、设计精美且具备出色用户体验的移动应用App至关重要。「快付宝」是一款专为金融科技初创公司、金融机构以及移动应用开发者打造的高级金融行业App模板，...
3D图形变换
等距视角下的CSS动画：实现三维图形变换与色彩过渡通过结合等距（Isometric）设计与CSS3动画技术，可以创建出一个既具有三维视觉（3D）效果又动态丰富的网页动画效果。在这个设计中，我们将利用CSS的transform属性来完成元素的旋转...
文字悬停动画
基于GSAP和自定义JavaScript包装函数实现的8种创意的文字悬浮动画效果使用GSAP（GreenSock Animation Platform）和自定义的JavaScript字母包装函数实现的文字悬停动画，可以实现当鼠标悬停或者离开文字时，该字符会有独特的动画效果...
倾斜面板
CSS实现响应式面板倾斜排列布局，附带悬停面板扩大效果使用 CSS 中的 Flexbox 布局结合变形（skew）变换实现了倾斜面板排列效果。默认是横向的排列布局，针对较小屏幕的设备，布局会自动调整为纵向布局，具有将强的自适应能力，并且在鼠标悬停时...
动画菜单图标
CSS带创意翻越动画效果的菜单切换图标，这是一个「灵活」的菜单切换图标！基于CSS的keyframes、transform以及animation等关键属性实现的「身手灵巧」的菜单切换图标动画效果，这个切换图标相当了不起，当你点击图标进行展开或者隐藏菜单操作时，图标的...
威固
基于 PWA 和 Bootstrap 技术实现的健身房运动 App 模板，为健身和锻炼赋能！在健身App以及网站领域，用户体验至关重要。为了帮助健身房和个人教练打造一款用户友好功能齐全且充满互动的移动App，「威固」App应用模板应运而生。作为一款底层基于主流的响应式网站框架Boots...
标记文本
HTML网页中实现高亮显示滚动到视图中的文本。利用 Intersection Observer API 以及 GSAP ScrollTrigger 两种技术实现了高亮显示滚动到视图中的文本效果。这两种技术可以通过实时监测屏幕中的某些“元素”...
颗粒猫
基于 Tailwind CSS 和 PWA 技术实现的高效响应式电商App模板在当前竞争激烈的电商环境中，用户对移动端购物体验的要求越来越高。要想在市场中脱颖而出，拥有一个功能强大、响应迅速且视觉效果出众的电商应用至关重要。「颗粒猫」模板是为此而生的一款现代化、响应式的全...