CSS磨砂玻璃背景拟物化(Skeuomorphic)风格菱形水晶玻璃刻字效果Logo图标

磨砂图标

CSS磨砂玻璃背景拟物化(Skeuomorphic)风格菱形水晶玻璃刻字效果Logo图标

基于纯 ​CSS 实现的一款磨砂玻璃背景拟物化(Skeuomorphic)风格菱形图标,菱形图标由四个小菱形组合聚合到一起组成。仿佛是在塑料玻璃方块上雕刻出的图标一样,将这个图标陈列在木质板上...

CSS+SVG带磨砂玻璃质感和瓷砖效果的高颜值自定义图标

自定义图标

CSS+SVG带磨砂玻璃质感和瓷砖效果的高颜值自定义图标

​基于CSS结合SVG实现地带有磨砂玻璃效果和彩色瓷砖的自定义图标ICON,错落的双层布局效果特别的有层次感。这种设计结合了透明度、阴影和颜色,可以营造出一种现代而高级的感觉。

CSS浮雕质感亮暗主题切换按钮

浮雕按钮

CSS浮雕质感亮暗主题切换按钮

通过纯CSS实现的一款干净的浮雕效果暗亮主题切换按钮,按钮的背景纹理呈现凹陷状态上方的按钮仿佛被雕刻上一样,按钮的两边有太阳和月亮图标分别代表亮色主题以及暗色主题,在切换的过程中背景也会配色做亮...