Comment faire planait bouton dégradé légèrement plus foncée? (CSS)

Question 1

J'ai un problème avec bouton en css. Je veux qu'il soit légèrement plus foncée lorsqu'il tournait, mais il est dégradé. Je ne sais pas comment le faire, et je ne trouve pas comment le faire.

css

.button{padding:2%; width:14%; height:23%; margin-top:1%; background-image:linear-gradient(rgb(255, 255, 255), rgb(221, 221, 221));}
.button:hover{cursor:pointer; background-image: /* problem */}

html

<div id="buttonsmenu">
    <div class="button">(...)</div>
</div>

Désolé si j'ai fait quelque chose de mal, c'est mon premier post ici.

Question 2

il suffit d'utiliser une plus faible valeur RVB. Plus la valeur la plus sombre de la couleur. Dans cet exemple, j'ai abaissé chaque valeur RVB de 20 points:

.button {
  padding: 2%;
  width: 14%;
  height: 23%;
  margin-top: 1%;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(221, 221, 221));
}

.button:hover {
  cursor: pointer;
  background-image: linear-gradient(rgb(235, 235, 235), rgb(201, 201, 201));
}

<div id="buttonsmenu">
  <div class="button">(...)</div>
</div>

tacoshy · Answer 1 · 2021-10-22T16:39:33

il suffit d'utiliser une plus faible valeur RVB. Plus la valeur la plus sombre de la couleur. Dans cet exemple, j'ai abaissé chaque valeur RVB de 20 points:

.button {
  padding: 2%;
  width: 14%;
  height: 23%;
  margin-top: 1%;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(221, 221, 221));
}

.button:hover {
  cursor: pointer;
  background-image: linear-gradient(rgb(235, 235, 235), rgb(201, 201, 201));
}

<div id="buttonsmenu">
  <div class="button">(...)</div>
</div>

Comment faire planait bouton dégradé légèrement plus foncée? (CSS)

La question

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie