CSS radijalni gradijent generator
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.
Rezultat
Ova stranica otvara generator gradijenta s već odabranom radijalnom vrstom: boje zrače prema van iz središta elementa u koncentričnim krugovima, a svaka stanica koju promijenite trenutačno ponovno boji pregled.
radial-gradient() je alat za efekte reflektora i sjaja, meke vinjete i pozadine kojima je potrebna žarišna točka, a ne smjer. Pozicije graničnika u postocima preslikavaju se na udaljenost od središta — 0% je sredina, 100% udaljeni rub — tako da zatezanje prvih graničnika čini malu svijetlu jezgru, njihovo širenje čini široko ispiranje.
Kopirajte liniju pozadine kada pregled bude izgledao dobro. Kutni klizač skriven je u ovom načinu jer krug nema smjer — vratite se na linearni ili konusni i ponovno se pojavljuje.