稀土掘金 稀土掘金
  • 首页
    • 首页
    • 沸点
    • 课程
    • 直播
    • 活动
    • 竞赛
    • 商城
      APP
      插件
      • 搜索历史 清空
        • 写文章
        • 发沸点
        • 写笔记
        • 写代码
        • 草稿箱
    • vip
      会员
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
0 /100
CSS
订阅
大河1989 lv-4
更多收藏集

微信扫码分享

微信
新浪微博
QQ

2篇文章 · 0订阅
  • 杨涛
    5年前
    CSS 前端 JavaScript
    借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海
    iPhone X造型上有个显著的特质,就是有个明显的刘海。然后,也出现了一些酷酷的交互。CSS3里面针对这种特定形状环绕的效果已经支持很久了,CSS3 Shapes和CSS3 Regions都是可以实现的
    • 2788
    • 111
    • 15
    借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海
  • 大河1989
    5年前
    CSS
    用 CSS 实现三角形与平行四边形
    第一种方法使用 border 属性 hack 出三角形,并通过对三个元素进行拼接最终实现了平行四边形;而第二种方法则通过 transform: skew 来得到平行四边形。总体来说,第二种方法相对于第一种代码量小得多,而且也很好理解。唯一的不足是无法构造像本站的分页中所使用的梯形。希望本文对各位有所帮助。
    • 1603
    • 77
    • 评论
  • 温馨提示
    当前操作失败,如有疑问,可点击申诉