css技巧
3篇文章 · 0订阅
  • 实现tabs圆角及反圆角效果
    css实现tabs圆角切换效果，使用伪元素、border-radius、box-shadow叠加处理。
    前端
  • 前端实现：鼠标滚动，页面盒子丝滑上升的效果
    鼠标滚动，盒子缓慢上移 HTML 先给出基本的结构，页面当中多个p模拟多个板块，同时阻止a链接触发默认事件：javascript:void(0) 大致代码如下
    JavaScript HTML CSS
    前端实现：鼠标滚动，页面盒子丝滑上升的效果
  • “我要个六边形毛玻璃效果”
    毛玻璃质感（Glassmorphism）：本质上是模糊，上方是带有透明度的遮罩模糊，下方元素像有一层蒙层。通透轻盈，呼吸感强，具有虚实结合的美感。
    前端 CSS SVG
    “我要个六边形毛玻璃效果”