CSS transparant右上角三角形边框

Question

我有一个带有lineair渐变的块（div）。 是否可以使右上角切出一个三角形？

例如，您可以使用border-radius 5px来创建具有圆角的块。但是有可能有一个透明的40px右上角吗？

感谢您阅读

Answer 1

对不起它是这样的： https://www.w3schools.com/cssref/playit.asp?filename=playcss_border-top-right-radius&preval=100px

只是没有圆角而是像三角形一样尖锐的角落。 （直线）

<div class="top-block">content</div>

.top-block {
    background: lineair-gradient(from top to right, red, blue);
    border-top-right-radius: 100px;
}