最近小米可谓出尽了风头,又是造车,又是新Logo。
撇开造车咱们不谈,来谈谈小米的新Logo。
此次小米的新Logo是由国际著名设计师原研哉操刀设计的。发布之后我就看到了好几篇文章,题目无可厚非都是《小米的Logo加个border-radius就好了》,《雷总的200万花亏了》之类的。
之后我呢就陷入了沉思,不禁在想,雷总花的200万仅仅只是买了一个border-radius?

那当然不是了,一个border-radius要是值200万,我早就财务自由了。
废话说完了,下面进入正题,CSS的border-radius,到底是什么!
当你给一个元素指定 border-radius 时,他的四个角便会变成以 border-radius 指定的值为半径的圆上的一部分,这么说可能有点难以理解,上图!

当我们给元素加上border-radius时,元素的四个角便会从直的变成以border-radius的值为半径的圆的这样的形状(语文不好,大家还是看图明白一些)

此时我们就可以来辩论雷总200万是不是买了一个 border-radius,我们来看加了 border-radius 的元素和原研哉给出的小米新Logo。

左边是加了 border-radius 的矩形,右边是原研哉给出的小米logo。
显而易见,右边的看起来更加丝滑一点点。
至此,可见我一行代码想要实现财务自由的梦破灭了。
那么能不能用CSS实现小米的新Logo呢?
那必然是可以实现的呀,具体怎么实现,涉及到的新内容稍稍有点多,文章在写的路上了,待我给你一一道来!
最后还是老规矩,我的Beyonce姐姐,加上就送你一份价值千元的资料!
觉得还不错就给我一个小小的鼓励吧!
3万+

被折叠的 条评论
为什么被折叠?



