前言 最近公司在招聘，经常会问到应试者一个问题，“flex: 1 是哪些属性的缩写？”，很多同学答的都不是很好，今天我们来理解一下。 flex：1是哪些属性的缩写 flex：1 是 flex-grow

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼，

关于css大家肯定都已经熟知并且熟练运用了吧，但是我通常都是通过百度cv来实现，所以看到一些样式我都会保存起来。 下面给大家整理了8个常用小技巧 1. 自定义光标（cursor） 首先来看一下CSS的

🍀一、渐变神器Gradient 🍀二、两款阴影工具在线网站 🍀三、网站UI配色宝藏网站UI Design Daily 🍀四、 Small Dev tools实用工具合集 🍀五、 Glass Morph

在 23 年的 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。 简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。 其核心功能就是，让我们能够基于一个现有颜色

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收