纯CSS「具象化」昼夜交替城市景观动画

昼夜交替

纯CSS「具象化」昼夜交替城市景观动画

​这是一款纯CSS实现的昼夜城市景观动画,基于CSS变量和关键帧动画技术实现,通过背景色渐变与建筑剪影变换展现昼夜交替效果,可通过右下角的图标手动切换模式查看昼夜交替动画,适用于网页背景和动态视...

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

轮播卡片

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

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

Canvas闰年检测动画器,选中闰年带有庆祝动画效果

闰年检测器

Canvas闰年检测动画器,选中闰年带有庆祝动画效果

这是一款趣味日期校验工具,基于Canvas+JS技术实现,通过上下按键切换年份时会检测当前年份是否是闰年,如果是闰年则触发动画反馈,适用于教育类网页或时间工具插件。

HTML移动布局多语言文本朗读器

文本朗读器

HTML移动布局多语言文本朗读器

这是一款语音合成工具,基于Web Speech API技术实现,支持多语言文本转语音播放功能,适用于无障碍阅读、语言学习或播客类网页应用。

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

平滑滚动

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

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

HTML中基于 ThreeJS 实现的绚丽彩色粒子追随光带效果,支持切换不同粒子

鼠标跟随

HTML中基于 ThreeJS 实现的绚丽彩色粒子追随光带效果,支持切换不同粒子

这是一款粒子交互特效,基于三方组件ThreeJS+CSS技术实现,鼠标移动可生成动态粒子追随光带,适用于网页背景互动和科技感视觉场景。

18种不同风格的自定义高级CSS开关切换Checkbox按钮合集

切换按钮

18种不同风格的自定义高级CSS开关切换Checkbox按钮合集

这是一套基于 纯CSS/JS 技术实现的多样化CheckBox开关组件,包含18种创意交互样式(如滑动、3D翻转、表情、IOS风格、霓虹灯效果、填充效果、反弹、阴影、斜面、Material De...

GSAP 无限横向滚动图文卡片特效,支持多种切换操控方式

无限滚动卡片

GSAP 无限横向滚动图文卡片特效,支持多种切换操控方式

这是一款基于 GSAP 技术实现的无限循环横向滚动效果,支持按钮、键盘(上下箭头/PgUp/PgDn)及鼠标滚轮操控,而且支持响应式布局,能在手机登小设备屏幕良好运行,适用于横向内容展示、轮播图...

CSS实现的一轮镰刀弯月

弯月

CSS实现的一轮镰刀弯月

这是一款基于纯CSS技术绘制的镰刀月牙效果,通过遮罩和渐变良好的模拟了一轮弯月的形态,适用于天文教育类网站或夜间模式切换动效。

HTML实现以灯泡为中心的逐渐点亮与暗淡动画效果,达到亮暗主题切换的目的

灯泡主题切换

HTML实现以灯泡为中心的逐渐点亮与暗淡动画效果,达到亮暗主题切换的目的

这是一款基于CSS+JS实现的明暗主题切换效果,通过点击开关按钮触发以灯泡为中心的逐渐发光与暗淡平滑过渡动画效果,以创意方式解决视觉偏好冲突,适用于博客或文档类网站。

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

相册

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

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

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

滑动菜单

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

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