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

Sunset CSS Gradient — Gotovi kod

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 učitanim gotovim fade zalaskom sunca: topli koralj #ff7e5f prelijeva se u meku boju breskve #feb47b, slijeva nadesno. Pregled ga odmah prikazuje u punoj širini, a CSS redak ispod spreman je za kopiranje kakav jest.

Topli izbljeđivači od koraljne do breskve glavni su dio heroja jer se čitaju kao prijateljski i energični bez prenaglašenog bijelog teksta. Ovaj par nalazi se dovoljno blizu u nijansi da središnja točka ostaje čista — nema blatnjavo sive trake u sredini, uobičajenog načina neuspjeha gradijenata između udaljenih boja.

Upotrijebite ga nepromijenjenog ili ga učinite svojim: zakrenite kut za dijagonalni zalazak sunca, povucite prvi graničnik prema unutra za jaču prisutnost koralja ili dodajte treći graničnik s dubokom šljivom blizu 100% za osjećaj sumraka. Svaka promjena trenutno ažurira CSS koji se može kopirati.

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