28172 sujets

CSS et mise en forme, CSS3

[Résolu] Rgba - concaténer une variable et alpha

Bonjour,

Je souhaite gérer le RGBA de mon background avec des variables. Je définis ma couleur et mon alpha, mais je ne parviens pas à les réunir pour les utiliser.

--couleur:"215,185,125";
--alpha:",0.65";

/* code fonctionnel */
background-color:rgba(215,185,125,0.65);

/* code souhaité mais dysfonctionnel */
background-color:rgba(var(--couleur)+var(--alpha));

Si quelqu'un à une idée ?
Administrateur
Hello,

Dans ton cas, tes valeurs de couleurs sont des chaînes de caractères et non des nombres.

Ceci devrait fonctionner : 


:root {
  --color: 215, 185, 125;
  --alpha: 0.65;
}

.element {
  background-color: rgba(var(--color), var(--alpha));
}
Ok ça marche, merci.

--couleur:215,185,125;
--alpha:0.65;

/* surimpression couleur et image sur un background */
background:url(monimage_fond_papier.jpg) 0 0 repeat;
background-color:rgba(var(--couleur),var(--alpha));
background-blend-mode:multiply;
}
Modifié par canarts (05 Jan 2024 - 17:45)
Prévenir un modérateur
Répondre au sujet
Aller à