Bordes en ángulo con máscaras CSS y transformaciones | Programar Plus

Jeremy Frank con una forma muy simple e inteligente de hacer que los elementos no terminen perfectamente horizontales, sino en ángulo:

.section {
  clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
}

Solo asegúrese de que haya suficiente relleno en la parte inferior para que no se corte nada importante.

Enlace directo →