8
votes

Bannière avec des formes inclinées

J'essaie de créer une bannière avec une forme triangulaire à la fin.

p>

<div class="wrapper">TEXT HERE</div>


1 commentaires

Pourquoi le vote en bas? Il a essayé la chose qu'il a posté


3 Réponses :


2
votes

Essayez ceci fonctionne

p>

<div class="wrapper">TEXT HERE</div>


0 commentaires

4
votes

Vous aider à vous aider avec cela comme vous l'avez essayé, mais cela n'a pas fonctionné comme prévu ... Donc, une idée de base est que nous pouvons utiliser CSS pseudo éléments pour créer cet effet ..

p>

<div class="wrapper">TEXT HERE</div>


2 commentaires

Si je voulais qu'il ne puisse pas faire toute la longueur de la page, dois-je mettre en œuvre quelque chose comme la largeur: 200px; Dans l'emballage?


@BHOFFDEV Oui, assurez-vous simplement que votre texte est dans les limites, il va superposer ou cacher derrière le triangle ... Inordorder pour empêcher que ceci attribue certains Padding-droit à votre élément d'emballage afin qu'il empêche le texte si c'est une longue chaîne



2
votes

Voici le violon. https://jsfiddle.net/nilehmahaja/s5egaebr/

J'ai utilisé: après le sélecteur à Le wrapper div.

CSS xxx


1 commentaires

J'ai utilisé votre largeur: 500px; Dans le wrapper associé à M. Allens répond à mon produit final.