Bootstrap与PWA技术结合实现的内衣与服装电商App模板,支持深浅模式切换!
精品

尼比基

Bootstrap与PWA技术结合实现的内衣与服装电商App模板,支持深浅模式切换!

在当下竞争激烈的电商市场,用户体验和应用性能是决定一款电商App成功的关键。「内比基」模板是一款专为电商平台设计的强大PWA移动应用 App 模板,结合了Bootstrap 5和PWA技术的优势...

基于 Tailwind CSS 和 PWA 技术实现的高效响应式电商App模板
精品

颗粒猫

基于 Tailwind CSS 和 PWA 技术实现的高效响应式电商App模板

在当前竞争激烈的电商环境中,用户对移动端购物体验的要求越来越高。要想在市场中脱颖而出,拥有一个功能强大、响应迅速且视觉效果出众的电商应用至关重要。「颗粒猫」模板是为此而生的一款现代化、响应式的全...

CSS实现的3D悬浮晃动数字时钟,附带倒影及虚拟效果

3D时钟

CSS实现的3D悬浮晃动数字时钟,附带倒影及虚拟效果

使用CSS与JavaScript实现的3D数字时钟效果,在HTML页面中数字时钟会在三维立体空间中缓慢转动,时钟数字呈现部分虚拟效果伴随有影子效果。数字的变动事件是通过JS控制的,时钟的3D效果...

出现在HTML页面右上角的加载Loading动画效果

加载动画

出现在HTML页面右上角的加载Loading动画效果

通过JS与CSS创建的一款出现在页面右上角的加载中动画效果,现实的项目中可能由于种种原因不希望加载中laoding的动画出现在页面的中央位置,放在可能更加合理,因为右上角不挡视野。实现这种效果其...

HTML中创建上升的彩色粒子小球动画效果

升空的球

HTML中创建上升的彩色粒子小球动画效果

​一款无数彩色粒子小球持续升空Canvas动画效果,是通过JavaScript在Canvas中绘制而成的,很有节日气氛的一种动画效果,可用作背景动画或者需要节日气氛的场景中。

Canvas仿蜂巢六边形网格布局,支持嵌套叠加放大缩小的六边形网格布局!

蜂巢布局

Canvas仿蜂巢六边形网格布局,支持嵌套叠加放大缩小的六边形网格布局!

通过JavaScript在Canvas画布上生成的六边形网格布局,底部附带调节大小的滑块,拖动滑块时会在上层叠加生成更小一号且颜色不同的六边形布局。最多支持生成五层嵌套效果!

JavaScript带悬停效果的环绕型内容轮播插件

悬停幻灯片

JavaScript带悬停效果的环绕型内容轮播插件

这是一款现代的多功能时尚的带悬停效果的环绕型内容轮播插件,是基于JavaScript与CSS实现的,其中CSS负责外观及布局,JavaScript负责实现切换事件以及鼠标悬停事件。切换插件的下方...

CSS生成 AI 动画按钮,悬停按钮时显示霹雳火花动画效果

AI火花按钮

CSS生成 AI 动画按钮,悬停按钮时显示霹雳火花动画效果

你肯定猜不到这个AI动画按钮是由一张图片和一个视频制作的!按钮静止状态下其实是一张带闪电的图片,当鼠标悬停到按钮(闪电图片)上时触发的霹雳火花动画其实是个1秒钟的视频,这个视频是通过询问AI「最...

基于 JavaScript 实现的标签菜单过滤器,支持响应式布局!

筛选过滤

基于 JavaScript 实现的标签菜单过滤器,支持响应式布局!

实现了一种可以通过标签过滤内容的效果,可通过点击顶部标签菜单或者内容标签直接筛选出标签同类型内容,其中筛选过滤事件是通过JavaScript完成的,页面的整体布局以及筛选后的重新布局都是通过CS...

Tailwind CSS 含65+HTML内页的多用途后端管理仪表盘响应式模板
精品

小神童

Tailwind CSS 含65+HTML内页的多用途后端管理仪表盘响应式模板

这是一款简洁且响应式的 Tailwind CSS 仪表盘 HTML 模板,总共提供了65+个html内置页面支持以及5款不同行业不同布局的主页主题,强大的功能可以满足多种业态后端管理应用,外观时...

教育与在线课程行业专属 HTML 响应式模板,幼儿园、中小学以及大学网站专用模板!

爱迪玛

教育与在线课程行业专属 HTML 响应式模板,幼儿园、中小学以及大学网站专用模板!

这是一款全面响应式的教育与在线课程HTML网站模板,内置25+html页面,其中包含4种独特的主页布局风格。还包含2款课程安排布局功能页、2款活动事件布局功能页以及完整的在线购物及博客页面,专为...

CSS 创意棒棒糖开关切换按钮,切换次数越多糖果越小!

糖果开关

CSS 创意棒棒糖开关切换按钮,切换次数越多糖果越小!

一款超有创意的棒棒糖开关切换效果,底层就是checkbox,外观基于CSS实现了棒棒糖的切换按钮,通过多次的切换操作棒棒糖会因为「摩擦」而逐渐减小,下方是切换前后的对比图片。切换的事件效果是通过...