Generoi

CSS Gradient -generaattori

Luo kauniita CSS-gradientteja reaaliaikaisella esikatselulla

Kulma135°

Väripysähdykset

#6366f10%

#ec4899100%

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Tietoa: CSS Gradient -generaattori

CSS-liukuvärigeneraattori luo kauniita lineaarisia ja radiaalisia liukuvärejä live-esikatselulla. Se tuottaa käyttövalmista CSS-koodia, jonka voit kopioida suoraan projekteihinsi. Tämä ilmainen työkalu toimii selaimessasi eikä tallenna tietoja millekään palvelimelle.

Usein kysytyt kysymykset

Miten luon CSS-liukuvärin?

Valitse liukuvärityyppi, valitse värit värivalitsimilla, säädä suuntaa tai kulmaa ja näe tulos reaaliajassa. Kun olet tyytyväinen liukuväriin, kopioi luotu CSS-koodi ja liitä se tyylitiedostoosi.

Tallennetaanko tai siirretäänkö mitään tietoja?

Ei. Liukuväri luodaan kokonaan selaimessasi. Mitään värejä, asetuksia tai CSS-koodia ei lähetetä millekään palvelimelle. Kaikki pysyy laitteellasi, kunnes kopioit luodun koodin.

Voinko luoda liukuvärejä useammalla kuin kahdella värillä?

Kyllä, voit lisätä useita väripysähdyksiä luodaksesi monimutkaisia monivärisiä liukuvärejä. Voit myös säätää kunkin väripysähdyksen sijaintia ja liukuvärin kulmaa tai suuntaa saavuttaaksesi haluamasi visuaalisen vaikutelman.