具有高级感的CSS动态书签图标效果,支持加入与删除书签鼠标交互动画

书签图标

具有高级感的CSS动态书签图标效果,支持加入与删除书签鼠标交互动画

这是一款动态书签图标效果,基于CSS+SVG技术实现,通过点击交互触发书签的加入与删除,适用于网页导航或收藏夹场景。

CSS卷轴式折叠菜单,适用于空间紧凑的移动端或侧边栏导航场景

卷轴菜单

CSS卷轴式折叠菜单,适用于空间紧凑的移动端或侧边栏导航场景

​这是一款创意菜单展开效果,基于纯CSS实现,通过模拟卷轴滚动动画实现菜单的平滑展开与收起,适用于空间紧凑的移动端或侧边栏导航场景。

CSS带缩略图的图库轮播图(:has()伪类实现)

图库轮播

CSS带缩略图的图库轮播图(:has()伪类实现)

这是一款基于CSS :has()伪类实现的动态轮播效果,通过radio input切换不同攀岩路线图片,并创新性地加入缩略图导航功能,适用于户外运动网站或CSS技术演示场景。

纯CSS大图标式手机标签导航栏,选中后高亮突出标记菜单项

图标菜单栏

纯CSS大图标式手机标签导航栏,选中后高亮突出标记菜单项

这是一款纯CSS实现的图标标签栏组件,基于CSS伪元素和过渡动画技术实现,通过平滑高亮切换和图标状态变化呈现流畅导航效果,适用于移动端网页和PWA应用场景。

JavaScript响应式卡片、图片等元素分页浏览控制器,支持多种参数配置

轮播卡片

JavaScript响应式卡片、图片等元素分页浏览控制器,支持多种参数配置

这是一款纯JavaScript实现的卡片分页组件,基于DOM操作和事件监听技术实现,支持对任意数量元素进行分页浏览控制,适用于内容展示和相册浏览场景。

CSS固定导航栏的平滑滚动布局,带视差背景切换效果

平滑滚动

CSS固定导航栏的平滑滚动布局,带视差背景切换效果

​这是一款页面滚动增强效果,基于CSS/JS技术实现,包含视差背景、浮动返回顶部按钮和固定导航栏功能,适用于单页网站或长文阅读场景。

大气橙黄色主色调全行业企业建站通用Bootstrp模板,后端基于企业级Java技术实现

谷雨

大气橙黄色主色调全行业企业建站通用Bootstrp模板,后端基于企业级Java技术实现

这款模板是与「清明」同风格的高端大气响应式全行业通用网站模板,同样是基于前端主流框架 Bootstrap v5.3.3 构建,保持了「清明」​模板的核心功能和优雅设计,同时在以下方面做了个性化优化

CSS悬停滑出式侧边导航栏布局效果

侧边栏导航

CSS悬停滑出式侧边导航栏布局效果

这是一款基于CSS通用兄弟选择器(~)实现的侧边栏交互,悬停时导航滑出并推动主体内容位移,适用于后台管理系统或文档布局场景。

GSAP实现弹性伸缩式动画效果下拉菜单

下拉菜单

GSAP实现弹性伸缩式动画效果下拉菜单

这是一款基于GSAP时间轴动画的覆盖式菜单,点击后从上边展开覆盖70%屏幕,链接项采用滑入滑出动效,适用于移动端或全屏导航场景。

CSS+JS带快捷导航的图库轮播控件

相册

CSS+JS带快捷导航的图库轮播控件

这是一款基于纯JS+CSS技术实现的带有快捷切换导航菜单的简约图片相册插件,支持点击下方的前后导航按钮切换图片,支持单张切换及多张切换功能,适用于作品集展示或相册浏览场景。

纯CSS实现的简易滑动菜单,适用于侧边栏导航或移动端菜单

滑动菜单

纯CSS实现的简易滑动菜单,适用于侧边栏导航或移动端菜单

这是一款纯CSS技术实现的简易滑动菜单效果,通过过渡动画和交互状态切换实现平滑展开/收起菜单项,适用于侧边栏导航或移动端菜单。

CSS+JS实现的简约风格图库控件,支持图片预览及前后导航切换图片

相册

CSS+JS实现的简约风格图库控件,支持图片预览及前后导航切换图片

这是一款多功能简易的图库预览效果,基于CSS+JavaScript技术实现,支持图片放大预览及前后导航菜单平滑过渡展示图片切换,适用于作品展示或相册浏览场景。