Bonjour,

Je souhaiterai arriver à ce type de résultat ci-dessous? Mais je galère un petit peu. En fait, je ne vois pas trop comment faire pour couper le bord droit?

HTML

<div class="background-color-two">Min deposit $10 - Max deposit $50,000</div>

CSS

.background-color-two {
  color: #fff;
  font-size: 30px;
  line-height: 1.3;
  background-color: #000;
  opacity: 0.8;
  padding: 10px 10px 10px 10px;
  margin-top:  10px;
  width: 52%;
  text-align: center;
}

Merci pour votre aide.

-
Edité par Fred2000Fred2000 25 mars 2020 à 15:28:32

Bonjour,

je ne sais pas si cela peut vous aider mais...

Ce tuto explique comment creer une barre de navigation avec un effet de "coupe diagonale" comme ce qui vous intéresse.  

AnttonDev

-
Edité par AnttonDev 25 mars 2020 à 21:14:18

Bonjour AnttonDev,

Merci j'ai trouvé un tuto en tapant sur google "coupe diagonale".

Bonne journée