Ako urobiť vznášal gradient tlačidlo mierne tmavšie? (CSS)

Question 1

Mám problém s tlačidlo vyrobené v css. Chcem, aby to mierne tmavšie, keď je vznášal, ale je to spád. Neviem, ako na to, a nemôžem nájsť, ako na to.

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>

Prepáč, ak som urobil niečo zle, je to môj prvý príspevok tu.

Question 2

jednoducho použite nižšie RGB hodnoty. Čím nižšia hodnota tmavšie farby. V tomto príklade som znížená každý RGB hodnotu 20 bodov:

.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

jednoducho použite nižšie RGB hodnoty. Čím nižšia hodnota tmavšie farby. V tomto príklade som znížená každý RGB hodnotu 20 bodov:

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

Ako urobiť vznášal gradient tlačidlo mierne tmavšie? (CSS)

Otázka

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii