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

Ocean 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 gradijenta s učitanim gotovim oceanskim izbljeđivanjem: tamnoplava boja #2193b0 koja se prelijeva u svijetloplavu #6dd5ed. Pregled pune širine prikazuje ga odjednom i pozadinski CSS redak je spreman za kopiranje.

Plavo-zeleni gradijenti najsigurniji su izbor u korisničkom sučelju: signaliziraju smirenost i povjerenje, čine bijeli i tamni tekst čitljivim na oba kraja i podjednako dobro odgovaraju nadzornim pločama, SaaS odredišnim stranicama i bannerima. Oba ruba dijele istu obitelj hladnih nijansi, tako da mješavina ostaje čista cijelom dužinom.

Pošaljite ga onakvog kakvog jest ili ga prilagodite: povećajte kut za efekt vertikalne dubine ili dodajte graničnik gotovo bijele boje na 100% za sjaj obzora. Ako trebate odgovarajuće pune boje za gumbe i akcente, generator palete boja na ovoj stranici gradi harmoniju s bilo kojeg mjesta.

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