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

Generator radialnih gradientov CSS

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

Na tej strani se odpre generator gradientov z že izbrano radialno vrsto: barve sevajo navzven od središča elementa v koncentričnih krogih in vsak postanek, ki ga spremenite, takoj prebarva predogled.

radial-gradient() je orodje za učinke reflektorja in sijaja, mehke vinjete in ozadja, ki potrebujejo žarišče namesto smeri. Položaji zaustavitve v odstotkih se preslikajo na razdaljo od središča - 0 % je sredina, 100 % oddaljeni rob - tako da zategovanje prvih omejitev naredi majhno svetlo jedro, njihovo širjenje naredi široko pranje.

Ko je predogled videti pravilen, kopirajte črto ozadja. Kotni drsnik je v tem načinu skrit, ker krog nima smeri — preklopite nazaj na linearno ali stožčasto in se znova prikaže.

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