Question

<style>
    div {
        width: 300px;
        height: 150px;
        background: #58a;
        background: linear-gradient(to left bottom,
        transparent 50%, rgba(0, 0, 0, .4) 0) no-repeat 100% 0 / 2em 2em,
        linear-gradient(-135deg, transparent 1.42em, #58a 0); /* 2/(sqrt(2)) ≈ 1.414 213 562 */
        padding: 2em;
    }
</style>
<div>Look, awesome folded corner !</div>

Question: What happen if corner degree is not 45deg? How about 30deg or 60deg?

folded-corner-realistic

the pictures above are from \<>. ```html