是否可以在CSS中创建这样的凹角?如果是,你会怎么做?
莉亚·维鲁有一个如何执行此操作的描述 http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/:
通过使用径向渐变,您可以使用
负半径。您无需任何额外的支持即可做到这一点
元素。这有点棘手。
如果 CSS 渐变是,它也会回落到纯色背景
不支持。它将在 Firefox 3.6、最新的 Webkit 和
—希望 — Opera 11.10(他们宣布渐变支持
未来)。你可以添加一个-webkit-gradient()
背景也,使
它几乎适用于当前使用的所有 Webkit 版本,但我
警告你:这并不容易,我个人拒绝花钱
我花了超过 5 分钟的时间去搞乱那个不标准的东西。
Here http://jsfiddle.net/blasteralfred/sCBgk/3/是其实施的现场演示。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)