Skip to main content
1 de 2
Largato
  • 92,9mil
  • 18
  • 190
  • 261

Basta uma linha apenas de CSS, usando gradient em vez de cor sólida:

background: linear-gradient(170deg, #ffffff 0%,#fff 50%,#000 50%,#000 100%);

Segue um exemplo bem simples, já com prefixo para vários navegadores:

#elemento {
  background: #ffffff;
  background: -moz-linear-gradient(-13deg, #fff 0%, #fff 50%, #000 50%, #000 100%);
  background: -webkit-linear-gradient(-13deg, #fff 0%,#fff 50%,#000 50%,#000 100%);
  background: linear-gradient(167deg, #ffffff 0%,#fff 50%,#000 50%,#000 100%);

  width:400px;
  height:180px;
  border: 1px solid red;
  text-align:center;
  color:#ccc;
  font-size:80px;
}
<div id="elemento">TEXTO<br>TEXTO</div>

Largato
  • 92,9mil
  • 18
  • 190
  • 261