Fatal编程技术网
  • css/
  • CSS角锐化

CSS角锐化

css

CSS角锐化,css,cornerradius,Css,Cornerradius,我想知道是否有可能有一个简单和干净的纯CSS的方式来获得一个对象的锐角。目前，我正在这样一个角落里工作 .main navigation { background-color: #14377d; padding-right: 10px; padding-left: 10px; border-right: solid #2d71ba; border-bottom-right-radius: 25px 25px; width: 134px; line-height: 25px; text-align

我想知道是否有可能有一个简单和干净的纯CSS的方式来获得一个对象的锐角。目前，我正在这样一个角落里工作

.main navigation {
background-color: #14377d;
padding-right: 10px;
padding-left: 10px;
border-right: solid #2d71ba;
border-bottom-right-radius: 25px 25px;
width: 134px;
line-height: 25px;
text-align: left;
}
但这会使拐角变圆。我想要的是右下角的切割。例如：

感谢大家抽出时间来阅读这篇文章

Sjoerd

我可能会使用
剪辑路径
和
多边形（）



div{
背景色：#2C2F33；
高度：200px；
宽度：300px；
剪辑路径：多边形（0,100%0,100%70%，80%100%，0,100%）；
}


可能您会发现此技术对您有用：。它基于
多边形
函数和
剪辑路径
属性


polygon（100%0,100%75,90%100,01100,0）

谢谢！让我的网站导航接近我想要的位置！

我认为这确实会起作用，现在我必须调整百分比。谢谢