28172 sujets

CSS et mise en forme, CSS3

Div avec fond bicolore et coin oblique d'un côté

Bonjour, je vais avoir besoin customiser un bouton sous Wordpress avec un fond bicolore et un coté oblique tout en restant rectangle
Un exemple étant plus facile que des explications, voici le résultat que je dois obtenir.
upload/1509096725-379-bouton.png

J'ai bien trouvé le sujet : visible ici qui s'approche du sujet
Mais je vois comment l'adapter pour mon besoin.

Une idée ? Smiley biggrin
Modifié par la ptiote (27 Oct 2017 - 11:32)
Bonjour,

Ça pourrait ressembler à ceci : CodePen

Pour un html comme ceci :
<button class="button">Ceci est mon bouton</button>


Le code CSS :
.button {
  -webkit-appearance: button;
  font-size: 1.5em;
  font-weight: 700;
  font-variant: small-caps;
  padding: 0 1em;
  line-height: 2;
  background: #0ac253 linear-gradient(45deg, rgba(0,0,0,0.5) 1.45em, transparent 1.45em);
  border: none;
  outline: none;
  cursor: pointer;
}

Modifié par Olivier C (27 Oct 2017 - 17:34)
Meilleure solution
Sujet clos
Aller à