Autor Zpráva
pavelrejha
Profil
Ahoj všem,
lze udělat aby buňka <td> byla horizontálně podbarvená? 50% podbarveno a 50% průhledně.

Děkuji za reakce :-)
weroro
Profil
Živá ukázka

td {
  
  --color-first: #ff1234;
  --color-second: transparent;
  
  /* 
      bottom - od hora dole
      right - z ľava do prava
      top - od dola hore
      left - zprava do ľava
  */
  --dir: bottom;
  
  background: linear-gradient(
    to var(--dir),
    var(--color-first) 50%,
    var(--color-second) 50%
  );
}
Kcko
Profil
weroro:
Horizontálně znamená zleva doprava ;-)
Kajman
Profil
Kcko:

Vertikální gradient udělá horizontální pruhy.
Kcko
Profil
Kajman:
Teď otázkou jak to autor myslel ;-)
weroro
Profil
Kcko:
Však preto som urobil v živej ukážke všetky 4 varianty v jednej, aby mal z čoho vyberať.
Kcko
Profil
weroro:
Sry, toho přepínatka jsem si nevšiml.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0