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

CSS generator konusnog gradijenta

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 već odabranom vrstom konusa: umjesto da blijede duž linije ili izvan središta, boje se kreću oko središta poput kazaljke na satu, počevši od kuta koji postavite na klizaču.

conic-gradient() je najnovija od tri CSS funkcije gradijenta i ona koja stoji iza tortnih grafikona, kotačića u boji i privlačnih efekata rotirajućih rubova. Pozicije zaustavljanja u postocima su pozicije oko kruga — dva graničnika na 0% i 100% glatko se stapaju unaokolo, dok graničnici postavljeni blizu jedan drugom stvaraju oštre klinove.

Podesite početni kut i zaustavljanje dok pregled ne bude u redu, zatim kopirajte liniju pozadine. Svi moderni preglednici podržavaju konične gradijente, tako da je kod siguran za slanje.

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