分享三篇文章 css 绘制技巧灵活使用和实用小技巧-css 还有 HTMLElement-inert，共享有趣的文章，分享使用的文章

文章推荐

1. css 绘制技巧灵活使用

推荐理由：

1. 你将学习会画不太规则的椭圆=> border-radius

2. 你将知道弧线可以用 border-radius 配合局部 border 生成

3. 高光背景可以用 radial-gradient 绘制

4. 侧边高光还可以用内阴影来实现

5. 圆角三角可以通过旋转圆角矩形得到

6. 相同形状可以用 box-shadow 生成多份

CSS 绘制一只思否猫

圆角生成工具

思否猫 demo

2. HTMLElement-inert

推荐理由：inert 是一个 HTMLElement 属性，可以禁用一切用户交互，非常彻底，就像“冻结”了一样，可以精简代码

快速了解 inert 属性

HTMLElement.inert

3. 实用小技巧-css 实现鼠标移入

推荐理由：css 实现鼠标滑过触发选中态=>transition-delay(保留 hover 的状态)

CSS transition 小技巧！如何保留 hover 的状态？

CSS hover