滚动进度
CSS页面右侧轮播滚动进度指示器效果这是一款滚动进度指示器效果，位于页面的任意一侧区域，默认的指示器样式时数字形式，可以自定义为图片等其他形式。基于纯CSS+JS实现，使用非常简单，只需要将主内容以及指示器放置于列表UI中即可
模糊擦除效果
CSS+SVG 高斯模糊图片背景效果，GSAP实现追随鼠标局部擦除模糊效果这是一款高斯模糊背景图片效果，基于GSAP+CSS+SVG技术实现，鼠标在图片上移动交互过程中，除了焦点区域保持清晰外，周围的图片背景元素会呈现出不同程度的高斯模糊效果，使得用户注意力集中在鼠标...
磨砂玻璃头部菜单
CSS固定顶部渐变模糊导航菜单效果这是一款页面头部渐变磨砂玻璃效果，基于CSS与图形处理技术实现，在页面的顶部菜单导航区域创建出一个具有色彩渐变和模糊过渡的模糊视觉元素，随着页面滚动磨砂玻璃头部固定不动，增强网页设计的深度与互动性。
滚动指示器
CSS实现的滚动分区圆点指示器，通过页面右侧小圆点的位置移动直观的反应阅读进度这是一款滚动区域指示器效果，基于CSS和HTML以及gsap技术实现，在用户浏览不同页面分区时，通过右侧的多个圆点位置的移动归类来指示当前所处的页面部分。这种效果通常应用于长页面或多分区布局中，...
折叠面板
Flexbox驱动的优雅Accordion - 纯CSS实现的交互响应式伸缩面板这是一款响应式弹性折叠面板（Accordion）效果，基于CSS Flexbox以及Grid网格布局技术实现，允许用户通过点击标题来展开或收起相应的图文内容区域。每个面板项在展开时会优雅地扩展，...
边角丝带
CSS实现的4款不同风格的卡片边角死丝带效果这是一款纯CSS实现的折叠丝带效果，巧妙地避开了使用clip-path时出现的难看边缘线问题，并且不依赖于将元素移出可视区域的999px hack技巧。通过精心设计的CSS属性和伪元素，创造出自...
评论模块布局
HTML中基于CSS实现的完整文章评论模块响应式布局效果这是一款响应式评论区布局效果，基于HTML+CSS技术实现。它能够根据设备屏幕大小自动调整布局，确保在各种设备上都有良好的显示效果。同时，此评论区设计充分考虑了多层级、多人回复、删除评论、编辑评...
缺口输入框
CSS双向缺口输入框，带有挖空区域的创意输入框这是一款通过CSS的mask遮罩效果实现的带有缺口圆角的创意输入框，两个带缺口的输入框连接到一起，结合部位放置了双向箭头，可用于输入位置或其他相互之间有交集的文本及符号。
饱和度调节
利用SVG滤镜调整图片饱和度，可通过拖拽杆灵活比对图片变化细节这是一款选择性饱和度效果，基于SVG滤镜技术实现。通过SVG的滤镜功能，可以对图像的特定区域应用色彩饱和度调整，使得某些部分保持鲜艳色彩，而其他部分则变为黑白或降低饱和度，创造出具有艺术感和视觉...
弹出菜单
HTML小巧玲珑风格的弹出式菜单，点击菜单后上方弹出菜单项这是一款弹出式菜单效果，基于CSS和JavaScript技术实现。用户点击菜单按钮时，菜单项会以优雅的动画效果从按钮的上方区域弹出展开。此弹出菜单设计简洁，易于使用，并且可以自定义样式和行为，...
3D拱形面板
HTML+CSS可拖动滑块操控的拱形3D全景图片面板效果这是一款拱形3D面板效果，面板可放置图片等内容。基于CSS3+HTML5技术实现，结合拖动滑块交互，用户可以通过拖动滑块来调整或浏览面板的内容，同时面板呈现出拱形的3D全景视觉效果，鼠标悬停在3...
底部导航
HTML基于CSS实现的创意底部半圆形导航菜单，丝滑切换可用在手机等小屏幕这是一款通过CSS实现的页面底部白圆形菜单导航样式效果，在HTML页面中半圆被分成若干区域显示单独的菜单项，圆形的中间是一个凸起的圆形按钮，起到装饰的效果。用到手机等小屏幕设备上效果更佳！