塔克斯
PWA与Bootstrap技术结合实现的打车App乘客端以及司机端模板「塔克斯」是为打车平台设计的一款先进的Progressive Web App（PWA）模板，专为打造与原生应用App相似的用户体验而设计。非常适合网约车预定App、出租车预定App、顺风车App...
文字滚动
实现 HTML 页面四个边框文字滚动效果，滚动的文字源于视口中的段落标题！基于 CSS 实现的页面四周文字滚动播放效果，其中滚动的文字来源于当前页面视口的标题文字，而获取视口标题文字的方式是通过 GSAP 的 ScrollTrigger 插件。
倾斜面板
CSS实现响应式面板倾斜排列布局，附带悬停面板扩大效果使用 CSS 中的 Flexbox 布局结合变形（skew）变换实现了倾斜面板排列效果。默认是横向的排列布局，针对较小屏幕的设备，布局会自动调整为纵向布局，具有将强的自适应能力，并且在鼠标悬停时...
悬浮效果
基于 CSS 的 clip-path 实现图片悬浮变换形状效果使用 CSS 的 clip-path 属性来创建鼠标悬停（hover）效果。clip-path 属性允许你定义一个形状，只有在这个形状内的部分才会被显示出来，而其他部分则会被裁剪掉。当用户将鼠标...
动画菜单图标
CSS带创意翻越动画效果的菜单切换图标，这是一个「灵活」的菜单切换图标！基于CSS的keyframes、transform以及animation等关键属性实现的「身手灵巧」的菜单切换图标动画效果，这个切换图标相当了不起，当你点击图标进行展开或者隐藏菜单操作时，图标的...
尼比基
Bootstrap与PWA技术结合实现的内衣与服装电商App模板，支持深浅模式切换！在当下竞争激烈的电商市场，用户体验和应用性能是决定一款电商App成功的关键。「内比基」模板是一款专为电商平台设计的强大PWA移动应用 App 模板，结合了Bootstrap 5和PWA技术的优势...
网格布局
CSS实现响应式网格菜单布局通过CSS实现的响应式菜单网格布局，无论是手机、平板还是电脑设备都能良好展示。在页面的左上方设置了一个典型的三条杠菜单图标按钮，点击该按钮会呈现出全页面的菜单网格布局，这时候左上角的菜单按钮变为...
固定侧边栏
使用CSS及JS实现可增减商品的购物车粘性侧边栏布局在html5中使用CSS及JS实现的支持动态增减块级元素内容的固定侧边栏组件，并且支持一键清空内容，非常适用于购物车添加商品或者产品比对功能场景中。底层使用CSS的position: stick...
颗粒猫
基于 Tailwind CSS 和 PWA 技术实现的高效响应式电商App模板在当前竞争激烈的电商环境中，用户对移动端购物体验的要求越来越高。要想在市场中脱颖而出，拥有一个功能强大、响应迅速且视觉效果出众的电商应用至关重要。「颗粒猫」模板是为此而生的一款现代化、响应式的全...
车来宝
出租车与网约车预定服务H5完整版，移动端 PWA HTML 打车服务网站模板在当今移动互联网时代，滴滴等其他出租车以及网约车预定应用已成为人们日常出行的必备工具之一。这款网站模板作为一款专为出租车/网约车/顺风车预订应用打造的多用途PWA（Progressive Web...
文字动画
CSS创建「活泼」文字3，实现文字躲藏、撤退、破碎、摇晃、闪烁、翻滚动画效果基于CSS的animation、transform以及keyframes等关键属性实现的6种文字增强动画效果，此外，还利用splitting插件进行了分词操作，最终实现了文字躲藏、文字撤退、文字...
文字动画
CSS创建「活泼」文字2，实现文字鬼影、喊叫、慢跑、瑟瑟发抖、褪色、摇晃动画效果基于CSS的animation、transform以及keyframes等关键属性实现的6种文字增强动画效果，此外，还利用splitting插件进行了分词操作，最终实现了文字鬼影、文字喊叫、文字...