摘要: CSS mask 与 切图艺术 一、“切图”的局限性 传统的“切图”简单暴力,但往往缺少适应性。 适应性一般有两种,一是尺寸自适应,二是颜色可以自定义。 举个例子,有这样一个优惠券样式 关于这类样式实现技巧,之前在这篇文章中有详细介绍: CSS 实现优惠券的技巧 不过这里略微不一样的地方是,两个凹陷处都是平滑处理的 单纯实现内凹圆 阅读全文
posted @ 2024-05-06 09:51 蓦然JL 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 使用 CSS columns 布局来实现自动分组布局 最近在项目中碰到这样一个布局,有一个列表,先按照 4 * 2 的正常顺序排列,当超过 8 个后,会横向重新开始 4 * 2 的布局,有点像一个个独立的分组,然后水平排列,如下 图中序号是 dom 序列,所以其实这这样的一个顺序 很多同学可能会想到给子元素分组(通过 JS将原数组拆分组合成一个二维数组 阅读全文
posted @ 2024-05-06 09:51 蓦然JL 阅读(96) 评论(0) 推荐(0) 编辑
访问主页
关注我
关注微博
私信我
返回顶部