跳跳汉堡
CSS汉堡上下跳跃动画效果“跳跃汉堡”(Jumping Burger)是一个有趣的CSS动画效果,基于纯CSS技术实现,非常的轻量级,它模拟了一个大大的汉堡,分别使用CSS定义了六层分别对应汉堡的上下两层面包、番茄、蔬菜...
克虚币
基于PWA和Bootstrap技术实现的现代加密货币钱包App手机网站模板,轻松管理数字资产!「克虚币」是一款安全便捷的加密货币钱包App移动应用网站模板,特别适合那些需要随时随地管理比特币等虚拟货币资产的用户。作为一款具备前瞻性的移动App冷钱包,「克虚币」模板支持多种加密货币的管理、...
咖啡时间
咖啡厅、餐厅与饮品店App手机网站模板,基于PWA+Bootstrap技术实现!「咖啡时间」是一款专为咖啡、食品与饮品领域设计的移动App PWA HTML模板,融合了现代设计与强大的产品功能,帮助用户轻松找到热门咖啡店、美食店铺以及饮品店,并提供社区评分、评论等互动功能。...
阁瑞斯
基于 PWA + Bootstrap 实现的生鲜食品和日用品App网站模板在当今快节奏的生活环境中,人们对于健康食品的需求日益增长,而如何能够方便快捷地获取这些产品成为了许多人的关注点。「阁瑞斯」模板正是为了解决这一需求而诞生的,它是一款集柴米油盐、水果蔬菜、烘焙食品...
实况球赛
Material Design风格的体育赛事播报、比分竞猜与下注App手机网站模板(PWA + Bootstrap5)「彼特柔」是一款专为体育赛事播报及球赛比分预测行业设计的现代化移动UI模板,采用主流的Google Material Design设计系统,覆盖包括棒球、足球、篮球等多种体育赛事项目。用户可以基...
交友会
仿Tinder、探探App的基于 PWA 和 Bootstrap 技术实现的在线约会交友App 模板在当今快节奏的社会,Tinder和探探等陌生人交友软件大行其道,即使你没有亲自使用过,可能也有所耳闻。随着工作占据了人们的大部分时间,社交机会被逐渐压缩,有限的社交时间也往往被狭小的工作和生活圈...
卡片布局
CSS电影介绍响应式卡片布局,适合影视音乐等娱乐网站良好展示作品使用CSS实现的响应式电影详情介绍卡片布局,非常适合影视网站介绍影片、音乐网站介绍专辑以及电商网站介绍产品场景使用。图片的布局、文字的展示都相当的到位,能够突出重点内容让用户对影视作品一目了然。...
弹出菜单
CSS实现与菜单图标交互时「弹出」效果展开菜单项这个设计聚焦于创建一个个性的菜单图标,当用户与之互动时,菜单会以一种引人注目的“弹出”效果展开。通过CSS的过渡(transition)和变换(transform)属性,可以实现平滑且吸引人的动...
3D图形变换
等距视角下的CSS动画:实现三维图形变换与色彩过渡通过结合等距(Isometric)设计与CSS3动画技术,可以创建出一个既具有三维视觉(3D)效果又动态丰富的网页动画效果。在这个设计中,我们将利用CSS的transform属性来完成元素的旋转...
水平滚动
HTML实现水平方向滚动卡片效果,超过屏幕的卡片自动隐藏横向排列多张内容卡片超过屏幕的卡片自动隐藏,使用GSAP结合ScrollTrigger插件实现水平滚动卡片效果,可以让每一行的卡片在用户滚动页面时以流畅过渡动画形式展现出来。当用户浏览到这一部分...
区域裁剪
使用CSS clip-path 实现滚动渐显的英雄区块,增强网站滚动体验!使用CSS的clip-path属性创建出的一种动态效果,使得页面上的元素(例如首页英雄区域)在页面滚动时逐渐显示出来。页面最开始的时候,英雄区域被一个形状(通常是矩形)完全覆盖,用户看不到其内容...
塔克斯
PWA与Bootstrap技术结合实现的打车App乘客端以及司机端模板「塔克斯」是为打车平台设计的一款先进的Progressive Web App(PWA)模板,专为打造与原生应用App相似的用户体验而设计。非常适合网约车预定App、出租车预定App、顺风车App...