摘要：CSS /* 滚动条宽度 */ ::-webkit-scrollbar { width: 6px; } /* 轨道样式 */ ::-webkit-scrollbar-track { background-color: transparent; } /* 滑块样式 */ ::-webkit-scrol 阅读全文

摘要：place-items CSS 中的 place-items 是一个简写属性 ，它允许你在相关的布局（如 Grid 或 Flexbox）中可以同时沿着块级和内联方向对齐元素 (例如：align-items 和 justify-items 属性) 。 如果未提供第二个值，则第一个值作为第二个值的默认值 阅读全文

摘要：之前在逛Apple Store时看到了下面的UI： 交互图标非常圆滑上手也很舒服，虽然背景底色本就是白底，但是只依赖css能不能使 “+” 穿透背景看到底色 ？ 大致思路如下： 一开始的思路是将内容主体呈现为透明色，再赋予子元素一个 固定宽高 和 box-shadow: 0 0 0 2021px # 阅读全文

摘要：通过 Multi-columns 相关的属性 column-count、column-gap 配合 break-inside 来实现瀑布流布局。 首先对包裹图片的盒子增加样式，column-count 表示瀑布流列的数量；column-gap 表示瀑布流列的间隔： .img-container { 阅读全文