⭐ 0
🔍
Tekst Slika PDF i dokumenti Audio Glazba Elektronika Vrijeme Komunalije Validatori Ezoterija Igre

Generator CSS linearnog gradijenta

Izgradite CSS gradijente vizualno: linearni, radijalni ili konusni tip, kutni klizač i do šest boja s pregledom pune širine uživo i kodom koji se može kopirati.

90°
Obrada... 0%

Rezultat

Ova stranica otvara generator gradijenata s već odabranom linearnom vrstom. Povucite klizač kuta za rotiranje blijeđenja, podešavanje graničnika boja i pregled pune širine plus ažuriranje CSS retka pri svakom unosu.

linear-gradient() boji boje duž ravne linije — daleko najkorišteniji gradijent u CSS-u. 90 stupnjeva ide slijeva nadesno, 180 stupnjeva odozgo prema dolje, a svaki kut između daje dijagonalu; položaji zaustavljanja u postocima određuju gdje će se svaki pojas boja početi stapati u sljedeći.

Kada pregled izgleda dobro, kopirajte pozadinsku liniju u svoju tablicu stilova. Ako želite početnu točku umjesto prazne ploče, unaprijed postavljene stranice zalaska sunca, oceana i pastelnih boja otvaraju ovaj isti alat s već učitanim provjerenim parovima boja.

🛡️
Izvršeno u pregledniku

Vaše datoteke i unosi nikada ne napuštaju ovaj uređaj. Obrada se odvija potpuno offline. 100% siguran.

Prihvaćeni formati i pravila

  • Odabir vrste gradijenta (linearni, radijalni, konusni) s kutnim klizačem za linearni i konusni način rada.
  • Popis za zaustavljanje u boji: dva za početak, dodavanje ili uklanjanje do šest, svaki sa svojim odabirom boja i položajem u postocima.
  • Pozadina CSS linija koja se može kopirati plus gotove unaprijed postavljene stranice za zalazak sunca, ocean i pastelne gradijente.

Ključne prednosti

✓ Pregled pune širine ponovno se boji pri svakoj promjeni — vrsti, kutu i svakoj boji — tako da je CSS koji kopirate točno ono što ste vidjeli.
✓ Do šest zaustavljanja boja s pojedinačnim položajima pokriva sve, od jednostavnog blijeđenja u dvije boje do složenih pozadina s više traka.
✓ Jedna deklaracija, tri motora: prebacivanje između linearnog, radijalnog i koničnog bez ponovne izrade graničnika.

Slučajevi upotrebe

  • • Sastavite pozadinu herojskog odjeljka povlačenjem kuta i granica boja umjesto ručnog uređivanja linear-gradient() i ponovnog učitavanja.
  • • Usporedite iste graničnike u boji kao linearne, radijalne i konusne gradijente s jednim prekidačem — graničnici se prenose između vrsta.
  • • Uzmite provjerenu kombinaciju sa unaprijed postavljene stranice zalaska sunca, oceana ili pastelnih boja i prilagodite je bojama svoje marke.