如何仅使用CSS制作负边界半径?

时间:2016-01-27 14:22:29

标签: css css3 css-shapes

我发布这个帖子,因为我需要帮助。我想为导航链接创建负边界半径(如下所示):http://prntscr.com/9vi0b5

如您所见,顶部有正常的边界半径,但在底部,我们有负边界半径。在上面的图像中,两个图像用于产生效果,但我只想要一些带CSS的东西。我知道可以随时编辑的东西,你知道吗?

谢谢。

1 个答案:

答案 0 :(得分:0)

我认为这不可能。

但解决方案可能是使用:after:before { border-bottom-right-radius: 5px; } :after { border-bottom-right-radius: 5px; } 来构建此效果。

这样的东西
docker run -it -e DISPLAY=$DISPLAY -v /tmp/.X11-unix:/tmp/.X11-unix someQt4AppContainer