创意卡片
CSS灯管下的多层玻璃质感图文卡片源码,高端感十足的创意流光卡片效果这是一款玻璃质感图文卡片布局效果,基于CSS技术实现,通过毛玻璃滤镜(backdrop-filter)和半透明背景模拟磨砂玻璃的视觉效果,并且实现了多层次玻璃晃动背景效果以及流动的光效,适用于现...
滑动轮播
Swiper JS实现的高颜值磨砂毛玻璃风格「滚动+拖拽」响应式轮播组件这是一款支持左右拖拽滑动的高颜值响应式轮播器,外观特别多时尚,基于Swiper JS+CSS技术实现,通过毛玻璃背景特效和滚动条控制增强视觉层次,支持鼠标滚动+鼠标拖拽两种切换内容方式,适用于食...
磨砂玻璃头部菜单
CSS固定顶部渐变模糊导航菜单效果这是一款页面头部渐变磨砂玻璃效果,基于CSS与图形处理技术实现,在页面的顶部菜单导航区域创建出一个具有色彩渐变和模糊过渡的模糊视觉元素,随着页面滚动磨砂玻璃头部固定不动,增强网页设计的深度与互动性。
镜面分离效果
SVG导航菜单项图标带磨砂玻璃悬停效果这是一款SVG图标玻璃态效果,基于纯CSS+SVG技术实现,在用户悬停图标时展示出类似毛玻璃的半透明模糊效果。此效果无需JavaScript支持,完全通过CSS和SVG的结合来创建一个现代感十足...
磨砂图标
CSS磨砂玻璃背景拟物化(Skeuomorphic)风格菱形水晶玻璃刻字效果Logo图标基于纯 CSS 实现的一款磨砂玻璃背景拟物化(Skeuomorphic)风格菱形图标,菱形图标由四个小菱形组合聚合到一起组成。仿佛是在塑料玻璃方块上雕刻出的图标一样,将这个图标陈列在木质板上...
自定义图标
CSS+SVG带磨砂玻璃质感和瓷砖效果的高颜值自定义图标基于CSS结合SVG实现地带有磨砂玻璃效果和彩色瓷砖的自定义图标ICON,错落的双层布局效果特别的有层次感。这种设计结合了透明度、阴影和颜色,可以营造出一种现代而高级的感觉。
磨砂
带有磨砂玻璃背景效果的登录注册表单布局模板通过CSS实现的一款布局合理,干净且外观精美的登录注册页面模板,支持响应式布局,在手机等小屏幕中同样能以自适应的布局方式呈现页面。此外,页面模块划分合理,一块磨砂的玻璃屏上放置引导标题内容是本登...
渐变背景
CSS 渐变彩色动画背景通过CSS的keyframes结合SVG矢量图实现的渐变动画背景,动画像天空白云或者水泡融合到一起又分离一样的效果极有创意又吸引人,背景设置了蒙层磨砂屏效果并且设置了是靓丽的彩色颜色,并且此效...
磨砂滤镜
SVG 实现的磨砂镜片滤镜效果,支持手动输入文字采用 SVG 实现的灰尘镜片滤镜效果,支持手动输入文字,选中文字情况下文字会呈现镜片压在写字的沙子上的效果,这样的效果是使用 svg 的 filter实现的,无需各类图片资源,非常的轻量级,可对...