边界半径第二个语句后跟/ css

时间:2015-06-24 16:16:41

标签: css

我正在寻找面带笑容的CSS代码。我在http://bavotasan.com/2010/draw-smiley-face-css3/找到了它。他们使用了边界半径。我对边界半径的第二个语句后跟/

感到困惑
border-radius:0 0 120px 120px / 0 0 90px 90px

1 个答案:

答案 0 :(得分:2)

第二个声明是第二个半径。这可用于使曲率椭圆化。

div {
  width:100px;
  height:100px;
  background:#00FF00;
  border-radius: 30px/10px; /* horizontal radius / vertical radius */
}

like this