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

Generator stožčastega gradienta 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 preliva z že izbrano vrsto stožčastega: namesto da bi bledele vzdolž črte ali iz središča, se barve premikajo okoli središča kot urni kazalec, začenši s kotom, ki ste ga nastavili na drsniku.

conic-gradient() je najnovejša od treh gradientnih funkcij CSS in tista, ki stoji za tortnimi grafikoni, barvnimi kolesi in privlačnimi učinki vrtljive obrobe. Položaji zaustavitve v odstotkih so položaji okoli kroga – dve postaji pri 0 % in 100 % se gladko zlijeta naokoli, medtem ko zaustavitvi, postavljeni blizu skupaj, ustvarita jasne zagozde.

Prilagodite začetni kot in ustavitve, dokler predogled ne bo pravilen, nato kopirajte črto ozadja. Vsi sodobni brskalniki podpirajo stožčaste prelive, zato je koda varna za pošiljanje.

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