微信号:w3ctrain

介绍:w3ctrain官方公众号,定期推送前端资讯.

12个鲜为人知的CSS技能(上)

2015-07-22 22:16 Helkyle

border-radius有“除”语法

这不是新知识点,但是我觉得大部分前端新手都没见过。 不管你信不信,下面的代码是正确的。

.box {
  border-radius: 35px 25px 30px 20px / 35px 25px 15px 30px;
}

如果你从没见过,那么可能会有些困惑,看看下面的解释:

如果“/”号左右都有值,那么左边的值表示水平半径,右边的值表示垂直半径。如果没有“/”号,那么水平半径和垂直半径相等。

所以我们可以通过“除”语法绘制出曲线圆角。更多内容猛戳原文阅读。


 
w3ctrain 更多文章 你不知道的Z-Index 使用JavaScript修改伪类样式的方法总结 综合指南:何时使用 Em 与 Rem 使用data URIs IT圈装逼速成指南
猜您喜欢 有没有一段代码,让你觉得人类的智慧也可以璀璨无比? 杰出的领导者,都敢于直面鲜血淋漓的内心 途牛原创 | Xcode自定义插件制作实践 Golang语言社区--视频教程-定时器使用 产品经理如何入门,没人带的情况下如何学习?