Ugrás a tartalomhoz
TextArray
100% helyi

CSS gradiens generátor

Generálj CSS lineáris és sugárirányú gradienst egyéni színekkel és szögekkel.

Kimenet

CSS gradiens generátor

A CSS gradiens generátor pillanatok alatt hátterének gradiens deklarációit hozza létre. A lineáris gradiensek egy irányban áramlanak és tökéletesek a finom háttérhez vagy szemet leögyelő átmenetekhez. A sugárirányú gradiensek egy központi pontból sugároznak, ideálisak a reflektorhatásokhoz vagy a sima szín-átmenetekhez. Válaszd ki a gradiens típusát, állítsd be a szöget a lineáris gradiensekhez (0–360 fok), és válassz ki két színt – a hexadecimális kódok, RGB, RGBA vagy elnevezett színek mind működnek. Az eszköz teljes CSS háttér-tulajdonságot generál, amelyet közvetlenül beilleszthetsz a stíluslapodba.

A gradiensek a modern CSS egyik legtöbb felhasználási módú tervezési eleme. Csökkentik a fájlméretet a képhátterekhez képest, végtelenül méretezhetőek, és simán animálódnak a böngészőkben. Az élő előnézet pontosan mutatja, hogyan néz ki a gradiensed, ahogy beállítod a színeket és szögeket. Másold ki a kimenetet, és alkalmaz azt bármely elemre – oldal háttér, gomb, hőszektor vagy kártya fedvény.

Minden a böngésződben fut, így szín-választásaid és beállításaid magánjellegűek maradnak. Sehova sem kerülnek adatok. Az eszköz offline módban is működik, így bárhol, bármikor generálhatsz gradienst. Legyen szó weboldal tervezésről, alkalmazás prototípus készítéséről vagy csak szín-kombinációkkal való kísérletezésről, ez a generátor felgyorsítja munkafolyamatod.

Gyakori kérdések

Mi az a CSS gradiens?
A CSS gradiens a böngésző által közvetlenül renderelt sima szín-átmenet. A lineáris gradiensek egy vonal mentén haladnak, a sugárirányú gradiensek egy központi pontból sugároznak. Mindkettő könnyű, méretezhető és animálható.
Milyen szöget használjak különböző irányokhoz?
Lineáris gradiensek esetén: 0° balról jobbra, 90° felülről alulra, 180° jobbról balra, 270° alulról felülre. Bármilyen szög 0 és 360 fok között működik. A sugárirányú gradiensek nem használnak szöget.
Használhatok bármelyik szín formátumot?
Igen. A hexadecimális kódok (#FF0000), RGB (rgb(255, 0, 0)), RGBA transzparenciával (rgba(255, 0, 0, 0.5)), HSL és elnevezett színek (red, blue) mind működnek a CSS gradiensekben.
Vannak az én színeim valahova küldve?
Nem. Ez az eszköz teljes egészében a böngésződben fut. Az ön színei, szögei és beállításai soha nem hagyják el az eszközét.