Cómo hacer que se cernía botón de degradado ligeramente más oscuro? (CSS)

Question 1

Tengo un problema con el botón hecho en css. Quiero hacer un poco más oscuro cuando se cernía, pero es degradado. No sé cómo hacerlo, y no puedo encontrar la manera de hacerlo.

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>

Lo siento si hice algo mal, que es mi primer post aquí.

Question 2

simplemente utilizar una menor valor RGB. El menor valor, más oscuro es el color. En este ejemplo he bajado cada valor RGB por 20 puntos:

.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

simplemente utilizar una menor valor RGB. El menor valor, más oscuro es el color. En este ejemplo he bajado cada valor RGB por 20 puntos:

.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>

Cómo hacer que se cernía botón de degradado ligeramente más oscuro? (CSS)

Pregunta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría