创意404页面
HTML仿「tumblr」汤不热网站404页面，可自由更换背景动画的404页面这是一款Tumblr「汤不热」风格的404错误页面效果，基于CSS+JS技术实现。支持通过按钮切换不同的背景动画，此效果通过独特的排版和动画，将普通的404错误信息转化为富有创意和趣味性的展示，...
滚动指示器
HTML页面边缘圆点切换滚动指示器这是一款页面滚动指示器效果，基于CSS+JavaScript技术实现，通过在页面边缘显示多个动态指示的点位，通过滚动鼠标动态的切换标记点位的位置，直观地反映用户当前在页面中的滚动位置和进度。此...
对齐方式
HTML中基于CSS实现的左对齐、居中对齐等4种对齐方式切换按钮交互效果这是一款文本对齐方式切换按钮动画效果，基于CSS+少量JavaScript技术实现。用户可以通过选择不同的选项（如使用鼠标点击或键盘导航）来动态改变文本的对齐方式，例如从左对齐切换到居中或右对齐...
聚焦按钮
HTML带悬停文本切换效果的高颜值定制按钮这是一款按钮悬停/聚焦效果，基于CSS（包括text-shadow和color-mix()）+少量JavaScript技术实现。当鼠标悬停或元素聚焦时，按钮会展示出不重复文本的切换魔法效果，并且...
3D切换
HTML中基于CSS实现3D海报展示及左右滚动切换效果，带指示滑块和镜面反射效果这是一款惊艳的3D图片滚动轮播效果，通过上下滑动鼠标即可实现带有镜面反射效果的立体图片左右来回切换的功能。基于CSS3技术实现，通过使用transform-style: preserve-3d来...
堆叠切换
CSS实现简洁的堆叠图文轮播切换插件这是一款图像堆叠到一起循环轮播展示的效果，基于CSS与HTML技术实现，利用少量的HTML代码和精简的JavaScript逻辑来创建一个简易而高效的图片轮播组件。每个项目由图文元素构成，包含标题...
对角线
纯CSS对角线滚动图文切换动画在HTML中实现的一款斜线分割对向滚动的图文切换动画效果，基于CSS技术实现。通过巧妙运用CSS属性，当用户滚动页面时，元素以对角线的方式逐渐进入视窗并显现，为页面滚动浏览增添了独特的动画交互体...
图标开关
CSS实现图标被斜线标注并切换颜色以达到改变图标开光状态的效果这是一款通过图标的颜色渐变结合斜线标注的方式实现的图标开关状态切换效果，基于CSS和SVG图标蒙版技术实现。通过巧妙运用CSS渐变与SVG图标蒙版的结合，实现了按钮在开启与关闭状态之间的平滑转换...
美化checkbox
基于CSS实现的简约风格待办事项列表（to do list），事项复选框（checkbox）颜值真高！这是一款简洁的待办事项列表效果，基于CSS变量技术实现。其特别之处在于每个列表项仅使用一个复选框和一个标签来构建，并且当复选框的状态改变时，仅需更改一个CSS变量即可更新多个元素的多个属性，实...
底部导航
HTML基于CSS实现的创意底部半圆形导航菜单，丝滑切换可用在手机等小屏幕这是一款通过CSS实现的页面底部白圆形菜单导航样式效果，在HTML页面中半圆被分成若干区域显示单独的菜单项，圆形的中间是一个凸起的圆形按钮，起到装饰的效果。用到手机等小屏幕设备上效果更佳！
横向预览图片
纯CSS实现垂直滚动水平横向滑动图片等内容切换效果 - 无JS的流畅图文内容导航这是一款纯CSS实现的垂直滚动鼠标图片水平滑动切换预览效果，利用CSS Grid、Flexbox以及CSS变量等技术来创建一个无需JavaScript支持的交互式布局。用户可以通过滚动条进行垂直...
图文布局
HTML中基于CSS Grid实现滚动图文页面横幅图片视口移动切换的 Full-Bleed 布局这是一款比较流行的全屏出血（Full-Bleed 布局）横幅效果，HTML页面中包含多张图片和文字内容时，图片以全屏横幅的形式穿插于HTML页面的文字内容中间，初始阶段会有文字内容遮盖图片部分区...