css - css 中的那种倾斜的盒子形状？

Question

我试图在 CSS 中制作这个形状:

但我有点迷失了如何去做。我现在用这个做了一个三 Angular 形:

var resY = $(window).height;
var resX = $(window).width;

$('#slide1-container').css({'border-bottom-width': resY, 'border-left-width': .4*resX});

因为某些原因 percentages/vh/vw 不能在 css 中使用 border-width(不确定是否支持？)

我不确定如何从三 Angular 形制作它 -> 我所描绘的形状。有什么建议吗？

感谢您的帮助! :-)

Answer 1

这是怎么回事？

http://jsfiddle.net/xVzMZ/

#shape {
    border-bottom: 150px solid black;
    border-left: 50px solid transparent;
    height: 0;
    width: 100px;
}