CSS能够生成各种形状正方形和矩形很容易,因为它们是 web 的自然形状添加宽度和高度,就得到了所需的精确大小的矩形添加边框半径,你就可以把这个形状变成圆形足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形
我们还可以使用 CSS 伪元素中的 ::before
和 ::after
,这为我们提供了向原始元素添加另外两个形狀的可能性通过巧妙地使用定位、转换和许多其他技巧,我们可以只用一个 HTML 元素在 CSS 中创建许多形状
虽然我们现在大都使用字体图标或鍺svg图片,似乎使用 CSS 来做图标意义不是很大但怎么实现这些图标用到的一些技巧及思路是很值得我们的学习。
代码部署后可能存在的BUG没法實时知道事后为了解决这些BUG,花了大量的时间进行log 调试这边顺便给大家推荐一个好用的BUG监控工具 。
CSS能够生成各种形状正方形和矩形很容易,因为它们是 web 的自然形状添加宽度和高度,就得到了所需的精确大小的矩形添加边框半径,你就可以把这个形状变成圆形足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形
我们还可以使用 CSS 伪元素中的 ::before 和 ::after,这为我们提供了向原始元素添加另外两个形狀的可能性通过巧妙地使用定位、转换和许多其他技巧,我们可以只用一个 HTML 元素在 CSS 中创建许多形状
虽然我们现在大都使用字体图标或鍺svg图片,似乎使用 CSS 来做图标意义不是很大但怎么实现这些图标用到的一些技巧及思路是很值得我们的学习。