图库
带视图过渡动画的创意图片（图库）布局效果（CSS+JS），图片切换预览带流动动效这是一款基于CSS view-transition API实现的超椭圆（Squircle）形状图片画廊效果，通过流体般的形态变化打造出独特的视觉体验。超椭圆造型是视觉亮点：整个画廊采用了介于圆形...
艾尼斯
个人博客网站模板 - 轻量化响应式博客主题,适合旅行美食摄影自媒体建站这是一款专为内容创作者打造的现代简约风格 HTML 响应式博客网站模板,特别适合旅行博主、美食作家、时尚达人、摄影师以及各类自媒体从业者使用。这款模板的核心优势在于其出色的视觉呈现和灵活的布局系...
图片切换
CSS锚点定位图片切换特效 - 摄影作品集交互展示效果这是一款基于 CSS Anchor Positioning（锚点定位）技术实现的图片切换特效。界面采用经典的摄影作品集布局：左侧是3x3的缩略图网格，右侧是大图展示区域。技术亮点在于使用了CSS...
罗奥斯
简约现代个人博客 HTML5 网站模板（9+套布局响应式内容创作方案）这是一款专为追求质感的内容创作者设计的 HTML5 响应式博客网站模板。在信息碎片化的时代，它回归了“以内容为中心”的设计初衷，通过极简且极具视觉张力的界面，为旅行、时尚、美食及摄影等领域的博主...
开关切换按钮
CSS 字母缩放创意开关切换按钮这是一款创意开关切换动效，基于CSS动画技术+React实现。核心亮点是把传统的toggle开关巧妙地融入到"on/off"文字中——左边的椭圆开关本身就充当了字母"O"，圆形滑块在上下滑动时，...
逻辑解密小游戏
熄灭所有灯光益智烧脑 HTML5 小游戏源码这是一款经典的"熄灯小游戏"，基于CSS+JavaScript+HTML技术实现。游戏规则很简单：点击任意方块会切换自己和相邻方块的亮灭状态，目标是把所有亮着的橙色指示灯全部熄灭。画面设计走的是...
碧莹
极简主义个人博客 HTML5 模板（支持多布局响应式排版与深浅色模式）这是一款专为追求纯粹阅读体验的创作者打造的个人博客 Bootstrap 响应式网站模板。它推崇极简主义美感，将现代审美与实用功能深度融合，旨在为旅行、生活方式、摄影及文学创作等领域的博主提供一个...
艺术画廊
无限画廊长廊 - Three.js实现的 3D 滚动式艺术作品展示组件这是一款沉浸式3D艺术画廊展示效果，基于Three.js技术实现，通过滚动交互在无限延伸的虚拟展厅中切换不同画作。这个效果营造出了一种类似真实美术馆的空间感。左侧用大字体展示作品名称，配合简洁的...
丝滑切图
基于 GSAP 打造的高端丝滑多图入场+转场加载动画效果这是一款高精度的丝滑加载转场效果，基于 GSAP 动画库与 CSS 现代布局技术实现。无论是图片的初次亮相还是切换交互都非常的亮眼！它通过对每一帧动画的精确控制，实现了如流体般顺滑的元素重组与入...
胶囊导航栏
CSS 打造的拟物化胶囊动态导航组件这是一款胶囊式交互导航效果，基于 CSS Transition 过渡动画技术+少量JS脚本实现。它通过精细的阴影叠层和色块位移，模拟了实体按键的质感，提供了清晰的视觉反馈：“选项选中时”如同实体...
验证码输入框
极简安全验证：流畅自动跳转的 6 位数字验证码（OTP）输入组件（CSS+JS）这是一款极简主义风格的验证码（OTP）输入组件，基于 HTML + CSS + JavaScript 技术实现。它采用了典型的 6 位数字验证逻辑，界面布局清晰，能够引导用户快速完成账户验证流程...
翻页相册
沉浸式分栏翻页叙事画廊：打破传统排版的视觉交互新范式（CSS+JS）这是一款沉浸式分栏交互画廊效果，呈现出一种翻书的既视感，基于 CSS + JavaScript 技术实现。它打破了传统网格布局的沉闷感，通过左右分屏的视觉对比与背景大字符排版，营造出一种如同翻阅...