Résolu CSS - Comment faire un background séparant 2 divs de manière oblique ?

[Paul GTP]

Salut à tous

Ça a l'air complexe a décrire et c'est aussi sans doute complexe à mettre en place... Je ne veux pas faire une barre sur mon background car mon background doit pouvoir s'adapter à toutes les tailles d'écrans (ce qui n'est plus le cas si je fais la barre directement dessus)

Voici un aperçu de ce que j'ai:

et un aperçu de ce que je dois accomplir:

Je ne sais cependant pas comment faire cet effet de background en CSS... J'ai entendu parlé de scewX mais c'est assez dur à gérer

La solution peut être toute simple mais je n'y arrive pas
Quelqu'un est-il en capacité de m'aider ?

Merci d'avance

 

[Paul GTP]

J'ai déplacé ma discussion en section Résolu .

Merci à @-Marent- de m'avoir envoyé ce lien:

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

J'ai pu modifié le code à ma guise et ça fonctionne

Pour les intéressés qui bloqueraient même avec le site j'ai utilisé les z-index

.backgroundTop {
    z-index: 1;
    margin: -20px;
    height: 0;
    border-width: 0 0 550px calc(100vw - 20px);
    border-style: solid;
    border-color: #181818 transparent transparent #181818;
    position: absolute;
}

#whatsnew {
    width: 100%;
    position: relative;
    z-index: 2;
}

Cette solution n'est pas responsive, à vous de faire les mediaqueries