CSS-i gradiendi generaator
Looge visuaalselt CSS-i gradiente: lineaarne, radiaalne või kooniline tüüp, nurga liugur ja kuni kuus värvipeatust reaalajas täislaiuses eelvaate ja kopeeritava koodiga.
Tulemus
Lineaarse gradiendi (135 kraadi, # 2193b0 0%, # 6dd5ed 100%) käsitsi kirjutamine ja lehe uuesti laadimine, et seda näha, on aeglane tsükkel. See generaator sulgeb selle: valige lineaarne, radiaalne või kooniline, lohistage nurga liugurit, määrake loomuliku värvivalija ja protsendiasendiga iga värvi peatus – ja täislaiuses eelvaade värvitakse igal üksikul sisendil uuesti, kusjuures valmis taustajoon on alati kopeerimiseks valmis.
Kolm gradiendi tüüpi hõlmavad erinevaid töid. Lineaarsed kalded tuhmuvad mööda suunda ja kannavad enamikku kangelaste sektsioone ja nuppe; radiaalsed gradiendid kiirgavad keskelt sära ja vinjettide jaoks; koonilised gradiendid pühivad ümber keskpunkti ning võimsuse sektordiagrammid ja värvirattad. Saate igal hetkel tüüpe vahetada – teie peatused kanduvad edasi, nii et nende kolme võrdlemine võtab sekundeid.
Kuni kuus värvipeatust annavad ruumi mitmeribaliste kujunduste jaoks ning eelseadistatud lehtedel on tõestatud kombinatsioonid – soe päikeseloojang, rahulik ookean ja pehme pastellpaar – lähtepunktidena, mida saate tühjade lõuendite asemel kohandada. Pange tähele tööjaotust: sellel saidil olev värvipaleti generaator valib harmoonilised lamedad värvid ja värvivormingu muundur teisendab väärtuse HEX, RGB ja HSL vahel, samas kui see tööriist teeb teistsugust tööd – muudab valitud värvid valmis CSS-i gradiendi koodiks.
Kõik töötab teie brauseris lokaalselt: pole üleslaadimist, kontot, serverite edasi-tagasi reise ja generaator töötab pärast laadimist võrguühenduseta.