css设计样例
3篇文章 · 0订阅
  • 实现tabs圆角及反圆角效果（PLUS）
    先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼，
    前端
  • 实现tabs圆角及反圆角效果
    css实现tabs圆角切换效果，使用伪元素、border-radius、box-shadow叠加处理。
    前端
  • CSS3 实现双圆角 Tab 菜单
    效果图 分析 一个带圆角的矩形 + 左右对称的不规则图形（一个小矩形分别去掉一个圆角），利用伪元素 ::before ::after 和 box-shadow 阴影实现。 代码结构 1. 顶部圆角实现
    CSS 前端
    CSS3 实现双圆角 Tab 菜单