Bonjour la communauté,

J'essaie de créer une forme rectangulaire mais qui s'affine sur la fin générer en CSS.

Pour un rectangle, pas de soucis, je fais ça :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
#form1{
	width:80%;
	height:2%;
	background-color : red;
}
Vu que je veux que la forme s'affine vers la fin, j'ajoute un triangle :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
#form3{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 0 80px;
	border-color: transparent transparent transparent red;
}
Mais le soucis est que je ne peux jouer en % sur le border-width sinon j'obtiens un mini triangle qui ne suis donc pas la taille du rectangle.

Avez-vous une piste à m'indiquer ?

Merci par avance,
Max