CSS gradijent generator
Generišite CSS gradijent kod samo biranjem boja i uglova, sa pregledom u realnom vremenu
Karakteristike
Pregled i kod se ažuriraju istovremeno
Izgled i CSS se menjaju simultano kako menjate boje i uglove
Podrška za linearni, kružni i konusni oblik
Detaljno specifikovanje uglova, oblika i centralnog položaja za svaki tip
Do 10 boja sa prilagođavanjem prevlačenjem
Prilagođavajte pozicije boja prevlačenjem na traci, a prozirnost pomoću klizača
8 uzoraka i nasumična generacija
Počnite od standardnih ili nasumičnih šema boja i fino prilagodite
Kako koristiti
Izaberite tip
Odaberite tip gradijena iz linearnog, kružnog ili konusnog oblika
Odredite boje
Izaberite boje iz kodova ili uzoraka, dodajte više boja sa 'Dodaj boju' i prilagodite poziciju i prozirnost
Prilagodite orijentaciju
Za linearni: specificirajte ugao ili koristite dugmad za smer; za kružni/konusni: postavite centralni položaj
Kopirajte kod
Kliknite na dugme 'Kopiraj' da prebacite CSS u red u svoje stilove
Slučajevi upotrebe
Kreiranje pozadine herojske slike
Odredite boju pozadine vršne stranice ili dugmadi bez pisanja koda
Odabir boja naslova bloga
Izaberite šemu slične boje iz uzoraka da prilagodite pozadinu naslova članka
Preklapanje za postavljanje preko fotografija
Kreirajte poluproziran sloj smanjenom prozirnostima boje preko fotografije
Prilagođavanje multikolornog gradijena
Prevlačenjem finije prilagodite pozicije granica tri ili više boja
Osnovna znanja
Razlike između linear, radial i conic
CSS gradijenti imaju 3 funkcije sa različitim načinima promene boja, sve se koriste pisanjem u svojstvu background.
- linear-gradient：linear-gradient je linearni gradijent gde se boja menja duž prave linije u specifikovanom uglu.
- radial-gradient：radial-gradient je kružni gradijent gde se boja širi u kružnom ili eliptičnom obliku od centralnog položaja prema spoljašnjosti.
- conic-gradient：conic-gradient je konusni gradijent gde se boja menja u kružnom smeru oko centralnog položaja u smeru kazaljke na satu.
Korespondencija ugla i ključnih reči smera
Ugao za linear-gradient počinje od 0deg (niz prema gore) i povećava se u smeru kazaljke na satu. Uglovi se mogu pisati i sa ključnim rečima smera kao što je 'to right', gde je 90deg isto kao 'to right', a 180deg isto kao 'to bottom'.
Pisanje tačaka boje i prozirnosti
Tačka boje (color stop) je pozicija gde gradijent postaje određena boja, gde 0% predstavlja početak, a 100% kraj. Na primer, '#3B82F6 0%, #8B5CF6 100%' specifikuje da se boja menja sa plave na početku na ljubičastu na kraju.
- Format #RRGGBB：Format #RRGGBB je način pisanja boja gde se intenzitet crvene, zelene i plave boja izražava sa 2 heksadecimalne cifre svaka, gde #FF0000 predstavlja neprozirnu crvenu boju.
- Format rgba：Format rgba je način pisanja boja koji dodaje prozirnost (0–1) vrednostima za crvenu, zelenu i plavu (0–255), gde prozirnost od 0,5 predstavlja poluprozirnu boju.
Bezbednost i privatnost
У потпуности у прегледачу
Унети подаци се обрађују само у вашем прегледачу и не шаљу се ван њега.
Обрада само у прегледачу
Generisanje koda gradijena се врши искључиво у вашем прегледачу, а подаци се не шаљу серверу.
Комуникација је шифрована са HTTPS
Учитавање странице је такође шифровано преко TLS, тако да трећа лица не могу прочитати садржај.
Без слања трећим лицима
Садржај уноса се не шаље спољним сервисима као што су рекламне мреже или пратиоци.
Без аутоматског чувања резултата
Odabrane boje i postavke и предлози уноса се не чувају на серверу.
Pratite RAKKOTOOLS na Google pretrazi
185 korisnih alata postaje lakše pronađivo iz Google pretrage i AI pretrage!
- Vidljivo u pretrazi
- Vidljivo i u AI pretrazi
- Otkrijte nove alate
Informacije o ažuriranjima
- update #312
Dodan CSS gradijentni generator, generisanje koda odabirom boje i ugla