Discussion :

[Flow_75]

Bonjour,

Je cherche un moyen de faire un style de croix.

J'arrive à faire une barre diagonale

Code :

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

1
2
3
4
5
6
7
8
9
	.indisponible
	{
		background-image: linear-gradient(
          to bottom right,
          transparent calc(50% - 1px),
          red,
          transparent calc(50% + 1px)
        );
	}

Mais je ne sais pas comment faire pour faire deux barres diagonales.

Pourriez vous m'aider.

Merci d'avance.
F.

[NoSmoking]

Bonjour,
dans une background-image tu peux en mettre plusieurs, dans ton cas quelque chose comme :

Code :

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

1
2
3
4
5
.indisponible {
  background-image:
    linear-gradient(-45deg, transparent calc(50% - 1px) , red, transparent calc(50% + 1px)),
    linear-gradient( 45deg, transparent calc(50% - 1px) , red, transparent calc(50% + 1px));
}

Ressources :

• background-image
• linear-gradient()