Tietoa tästä työkalusta
Mikä on CSS Gradient Generator?
Rakenna CSS-gradientit reaaliaikaisella esikatselulla. Valitse tyyppi (lineaarinen, säteittäinen, kartiomainen), lisää rajattomasti väripysäkkejä, aseta kulma (tai sijainti säteittäiselle gradientille) ja kopioi valmis CSS. Tuloste toimii kaikissa nykyaikaisissa selaimissa; vanhempia selaimia varten mukana on valmistajakohtaiset etuliitteelliset varavaihtoehdot.
Suunnittelijat käyttävät tätä etusivun taustoihin, painikkeiden tyyleihin ja brändin tunnelmien kokeiluun. Tuloste CSS:nä, Tailwind-luokkina tai SVG:nä.
UKK · CSS GRADIENT GENERATOR
Kysymyksiä: CSS Gradient Generator
Mitä gradienttityyppejä tuetaan?
Lineaarinen (yleisin, kulmaan perustuva), säteittäinen (ympyrän tai ellipsin muotoinen, sijoitettavissa) ja kartiomainen (uusin tyyppi, joka pyyhkäisee värit keskipisteen ympäri, sopii erinomaisesti piirakkakaavion tyyppisiin malleihin). Kaikki tulostetaan vakiomuotoisena CSS:nä.
Voinko viedä tuloksen Tailwindiin?
Kyllä — raakan CSS:n rinnalla generaattori tuottaa Tailwind-apuluokkia (esim. `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`), kun väripysäkit sattuvat vastaamaan Tailwindin nimettyä väripalettia.
Onko ilmainen?
Kyllä — ei rekisteröitymistä, toimii selaimessa.