css 实现app图标样式_前端基础：除了字体图标和svg图片，值得收藏的CSS样式形状...

CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和椭圆形。

我们还可以使用 CSS 伪元素中的 ::before 和 ::after，这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧，我们可以只用一个 HTML 元素在 CSS 中创建许多形状。

这是其中一些例子：

---

---

---

---

---

---

---

---

---

---

大家看下面的链接：

1.https://segmentfault.com/a/1190000018922732?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com&share_user=1030000000178452

2.https://lhammer.cn/You-need-to-know-css/#/zh-cn/

3.https://css-tricks.com/the-shapes-of-css/(英文)

这个猫好看

4.https://qishaoxuan.github.io/css_tricks/polygonLayout/#sass