Background css 2

africa

14 Jan 2021 à 11:03

Bonjour
Je souhaite réaliser un background de 2 couleurs coupé par la diagonale en CSS.
J'ai trouvé plusieurs pistes sur le net mais aucune de probante, notamment en version responsive.
Auriez vous une solution, une piste a suivre ?
Merci

(Fichier joint) upload/1610618540-8509-diagonale.jpg

parsimonhi

Modérateur

14 Jan 2021 à 12:29

Bonjour,

Dimensions éventuellement à adapter en fonction de la situation (il suffit de changer le font-size de l'élément de classe "c") :

https://jsfiddle.net/parsimonhi/59oLf1dy/

Amicalement,

africa

14 Jan 2021 à 14:44

Bonjour
Merci Parsimonhi.
Bonne et heureuse année 2021

Toujours aussi efficace Smiley smile

Avant de lire ton post j'ai fais un bout de code qui semble fonctionné, cette solution est elle valable ?

Merci

https://jsfiddle.net/t6q4Lx5h/#
Modifié par africa (14 Jan 2021 - 14:44)

parsimonhi

Modérateur

14 Jan 2021 à 17:11

Bonjour,

Ta solution me semble très bien aussi, voire mieux. Smiley cligne

Bonne année aussi.

Amicalement,

CSS et mise en forme, CSS3

Background css 2