Hello, j’aimerais mettre un aplat de couleur derrière mes titres
Aplat dont je pourrais jouer un peu sur la largeur, hauteur de débord et que je pourrais décaler un peu dans un sens ou l’autre pour faire un petit effet.
Merci
Tu veux dire avoir un effet surligné ?
voici un exemple de style que tu peux essayer d’appliquer à ton titre tu me diras si c’est ce genre que tu avais en tête ou pas
h3 {
font-size: 1.2rem;
color: var(--neutral-color);
background-image: linear-gradient(transparent 60%, rgb(253, 193, 0) 40%); /* la couleur semblera décalée car elle couvre seulement les 40% en bas de ton texte */
width: fit-content; /* pour que la couleur de fond soit de la meme largeur que ton texte */
}
Pour compléter, si l’idée c’est de changer la taille et la hauteur de l’aplat:
## Titre un peu long avec aplat court
""<style>
h2 {
position: relative;
z-index: 0;
}
h2::after {
content: '';
position: absolute;
left: 0;
background-image: linear-gradient(rgba(253,193,0,0) 0%, rgb(253,193,0) 70%);
z-index: -1;
width: 100px; /* on peut changer la longueur d'aplat ici */
bottom: -5px; /* on peut décaler le bas de l'aplat ici */
height: 20px; /* on peut changer la hauteur d'aplat ici */
}
</style>""