Skewed Div - Côté droit seulement

Question

Je suis en train de créer un div comme celui ci-dessous:

Quelle est la meilleure façon de s'y prendre. Je suis désolé pour le manque de code mais je pense que tout ce que j'ai essayé est dans le mauvais sens. J'ai essayé de faire pivoter un div mais tout le côté gauche doit rester à angle droit.

Est-ce possible?

Answer 1

.normal { 
 
    background: gray; 
 
     height: 200px; 
 
    width: 50%; 
 
    position: relative; 
 
    padding: 20px; 
 
} 
 

 
.slanted { 
 
    background: skyblue; 
 
    box-sizing: border-box; 
 
    border-radius:20px; 
 
    height: 200px; 
 
    width: 90%; 
 
    position: absolute; 
 
    padding: 20px; 
 
     transform: skewY(4deg); 
 

 
}

<div class="normal"> 
 
<div class="slanted"> 
 
    <h2>Hello World!</h2> 
 
    <p>This was you are trying to get i Hope</p> 
 
</div> 
 
    <div>