新学到一个圆角的写法,现学现卖了
之前做这种两边是半圆的圆角的时候
经常会计算一下
这个boder-radius至少要高于height的一半
比如现在height是
那一定要高于
比它(40px)小就不是这个效果了
但是比它(40px)大没有问题,大家看
所以呢
有时候这个height因为是动态的
所以我们经常会这样写
写一堆
然后今天我发现一个比较好玩的写法哈
我换行在这写
这样写:calc
然后呢里边写Infinity
乘以一个 1px
大家看效果也是一样的
最后更新于
之前做这种两边是半圆的圆角的时候
经常会计算一下
这个boder-radius至少要高于height的一半
比如现在height是
那一定要高于
比它(40px)小就不是这个效果了
但是比它(40px)大没有问题,大家看
所以呢
有时候这个height因为是动态的
所以我们经常会这样写
写一堆
然后今天我发现一个比较好玩的写法哈
我换行在这写
这样写:calc
然后呢里边写Infinity
乘以一个 1px
大家看效果也是一样的
最后更新于