Discussion :

[Apoum]

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

[NoSmoking]

Bonjour,

Mais le soucis est que je ne peux jouer en % sur le border-width ...

peut être que tout simplement les valeurs en % ne sont pas acceptées.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Value: [thin | medium | thick | <length>]{1,4}