CSS Border Radius Second Radius说明

赛义夫说

我在https://developer.mozilla.org/en/docs/Web/CSS/border-radius上阅读文档

边界半径属性似乎具有第二个半径值,

/* The syntax of the second radius allows one to four values */
/* (first radius values) / radius */
border-radius: 10px 5% / 20px;

/* (first radius values) / top-left-and-bottom-right | top-right-and-bottom-left */
border-radius: 10px 5% / 20px 30px;

/* (first radius values) / top-left | top-right-and-bottom-left | bottom-right */
border-radius: 10px 5px 2em / 20px 25px 30%;

/* (first radius values) / top-left | top-right | bottom-right | bottom-left */
border-radius: 10px 5% / 20px 25em 30px 35em;

我知道border radius属性,它的语法很短,但是我不明白'/'之后的值是做什么的。

赛义夫说

第一组值定义水平半径。可选的第二组值(以“ /”开头)定义垂直半径。如果仅提供一组值,则将其用于垂直和水平半径。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

CSS Border Radius问题

更圆角-Border Radius CSS

CSS border-radius xy是否存在?

CSS过渡移除border-radius属性

CSS border-radius:20px

CSS Arch是否可以使用border-radius?

CSS:border-radius //插入背景;白角

使用border-radius CSS时平滑边框

border-radius和-webkit-border-radius之间的区别

根据兄弟姐妹的宽度动态设置CSS border-bottom-left-radius

切換到 gatsby-plugin-image 後,CSS Border Radius 在 Safari 中不起作用

我可以使用CSS border-radius属性制作椭圆吗?

CSS padding 和 border-radius 未在移动设备上应用

如何向下拉蚂蚁设计元素添加border-radius CSS属性?

CSS:IE 中的多个 bgs、bg clip 和 border-radius

是Safari中border-radius的bug?

Border Radius Bottom Bug React Native

字体真棒:Fa Bars-Border Radius

当父窗格在JavaFX中具有-fx-border-radius时,子窗格css样式

一个人如何才能将CSS属性(如border-radius)与transitionables一起使用

当 CSS 框改变大小时,为什么 Border-Radius 比率会发生变化

CSS3的border-radius属性和border-collapse:collapse不能混合使用。如何使用边框半径创建带有圆角的折叠表格?

如何在shinyApp中将border-radius设置为valueBox()?

border-radius使div高于其应有的范围

border-radius在MacOS / -webkit-中不起作用

使用`border-radius`创建一个圆

如何理解border-radius的工作方式

到达 div 末尾时是否可以设置“border-radius”?

Border Radius生成器无故停止工作