*我知道它是从How to create a polygon shape div复制的,但是我不知道如何在底部修复它。我真的尝试了一切,但我不知道如何完成。有人可以帮我吗? *

我正在对收到的设计进行切片。但是现在我遇到了一个问题。

我想将滑块的背景切成三角形(见图)。

如何在CSS3中做到这一点?

注意:必须具有响应能力。

html - 三 Angular 形底CSS与背景-LMLPHP

最佳答案

我认为在这种情况下clip-path最好。见fiddle

background-image: url('image.jpg');
-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);

关于html - 三 Angular 形底CSS与背景,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32355434/

10-12 12:46
查看更多