/** * Folded corner effect — 30deg */ div { width: 12em; background: #58a; /* Fallback */ background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.4) 0) 100% 0 no-repeat, linear-gradient(-150deg, transparent 1.5em, #58a 0); background-size: 3em 1.73em, auto; padding: 2em; color: white; font: 100%/1.6 Baskerville, Palatino, serif; }