Je dois créer cette forme dans l'image ci-dessous qui contient du texte. formes css avec du texte à l'intérieur
Voilà comment j'essayé:
HTML
<div class="header-bottom">
<div class="blue-rectangle">
<p>sadasdasdasd</p>
</div>
<div class="blue-rectangle">
<p>dsasdasdasda</p>
</div>
</div>
CSS
.header-bottom{
position: absolute;
right:13%;
bottom:5%;
}
.blue-rectangle {
background-color: rgba(3,78,136,0.7);
padding: 10px 20px 10px 200px;
margin-bottom: 20px;
}
.blue-rectangle p{
color:white;
text-transform: uppercase;
font-size:18px;
}
i essayé d'ajouter transform: biaiser mais il biaise à la fois à droite, à gauche et le texte lui-même.
double possible de [coins coupés à l'aide de CSS] (http: // stackoverflow. com/questions/7324722/cut-coins-using-css) –