⭐ 0
🔍
Besedilo Slika PDF in dokumenti Avdio Glasba elektronika Čas Pripomočki Validatorji Ezoterika igre

Ocean CSS Gradient — že pripravljena koda

Vizualno ustvarite prelive CSS: linearni, radialni ali stožčasti tip, kotni drsnik in do šest barvnih stopenj s predogledom polne širine v živo in kodo, ki jo je mogoče kopirati.

90°
Obdelava ... 0%

Rezultat

Ta stran odpre generator gradientov z naloženim pripravljenim oceanskim bledenjem: temno modra #2193b0, ki se preliva v svetlo morsko barvo #6dd5ed. Predogled polne širine ga upodobi naenkrat in vrstica CSS v ozadju je pripravljena za kopiranje.

Modro-teal prelivi so najvarnejša izbira v uporabniškem vmesniku: sporočajo mir in zaupanje, ohranjajo belo in temno besedilo berljivo na obeh koncih ter se enako dobro prilegajo nadzornim ploščam, ciljnim stranem SaaS in pasicam. Oba konca imata isto družino hladnih odtenkov, tako da mešanica ostane čista po vsej dolžini.

Pošljite ga takšnega, kot je, ali ga prilagodite: povečajte kot za učinek navpične globine ali dodajte skoraj belo omejitev pri 100 % za sij obzorja. Če potrebujete ujemajoče se enobarvne barve za gumbe in poudarke, generator barvne palete na tem spletnem mestu ustvari harmonijo na obeh straneh.

🛡️
Izvedeno v brskalniku

Vaše datoteke in vnosi nikoli ne zapustijo te naprave. Obdelava poteka popolnoma brez povezave. 100 % varno.

Sprejeti formati in pravila

  • Izbira vrste gradienta (linearni, radialni, konični) z drsnikom kota za linearni in konični način.
  • Seznam za zaustavitev barv: dve postaji za začetek, dodajanje ali odstranitev do šest, vsaka s svojim izbirnikom barv in položajem v odstotkih.
  • Vrstica CSS za ozadje, ki jo je mogoče kopirati, in že pripravljene prednastavljene strani za sončni zahod, ocean in pastelne prelive.

Ključne prednosti

✓ Predogled polne širine prebarva ob vsaki spremembi — vrsti, kotu in vsaki barvni stopnji — tako da je CSS, ki ga kopirate, točno to, kar ste videli.
✓ Do šest barvnih stopenj s posameznimi položaji pokriva vse od preprostega dvobarvnega bledenja do zapletenih večpasovnih ozadij.
✓ Ena izjava, trije motorji: preklapljajte med linearnimi, radialnimi in stožčastimi brez ponovne sestave postankov.

Primeri uporabe

  • • Sestavite ozadje glavnega odseka tako, da povlečete kotne in barvne meje namesto ročnega urejanja linear-gradient() in ponovnega nalaganja.
  • • Primerjajte iste barvne meje kot linearne, radialne in stožčaste prelive z enim stikalom – meje se prenašajo med vrstami.
  • • Zgrabite preverjeno kombinacijo s prednastavljene strani sončnega zahoda, oceana ali pastelnih barv in jo prilagodite barvam svoje blagovne znamke.