Quero poder inclinar um elemento da maneira como a imagem é exibida abaixo.

Eu tenho brincado com isso, mas parece que não consigo chegar perto de replicar essa forma.

Meu código css é

transform:skew(30deg,30deg);

A transformação é o caminho certo para fazer isso? Informe-me a melhor e mais compatível solução para navegador.