Preview

CSS i gjeneruar

background: linear-gradient(135deg, #4F46E5, #8B5CF6);

Kontrollet e Gradientit

135°
0%
100%

Paracaktime të njohura

Shembuj të Gradientit

Eksploroni këto shembuj mahnitës të gradientit dhe frymëzohuni për projektin tuaj të ardhshëm. Klikoni mbi çdo gradient për ta ngarkuar atë në gjenerator.

Skuqje e Perëndimit të Diellit

Një gradient i ngrohtë i frymëzuar nga perëndimet e bukura të diellit.

Fllad oqeanik

Një gradient i qetë që ngjall ndjesinë e ujërave bregdetare.

Mint Fusion

Një gradient i freskët dhe modern që kombinon ngjyrën e mentes dhe blunë qiellore.

Kopsht i harlisur

Një gradient i gjallë që përfaqëson bukurinë e natyrës.

Ëndrra Kozmike

Një gradient magjik i frymëzuar nga qielli i natës.

Ora e Artë

Një gradient i ngrohtë që kap thelbin e muzgut.

Dokumentacioni i Gradientit

Çfarë janë Gradientët CSS?

Gradientët CSS ju lejojnë të shfaqni tranzicione të lëmuara midis dy ose më shumë ngjyrave. Ato mund të përdoren si sfonde për elementët dhe vijnë në tre lloje të ndryshme:

  • Gradientët linearë:Ngjyrat e tranzicionit përgjatë një vije të drejtë.
  • Gradientët radialë:Ngjyrat e tranzicionit nga një pikë qendrore jashtë.
  • Gradientët konikë:Ngjyrat e tranzicionit rreth një pike qendrore në një rreth.

Si të përdorni gradientët

Pasi të keni gjeneruar një gradient duke përdorur mjetin tonë, mund të përdorni kodin CSS në projektet tuaja:

  1. Kopjoni kodin CSS nga gjeneratori.
  2. Ngjiteni atë në skedarin tuaj CSS ose përdoreni atë brenda rreshtit në elementët tuaj HTML.
  3. Aplikoni gradientin në çdo element duke përdorurbackground property.
.my-element {
background: linear-gradient(135deg, #4F46E5, #8B5CF6);
}

  • Përdorni më shumë se dy ngjyra për një efekt gradienti më kompleks.
  • Rregulloni pozicionet e ngjyrave për të kontrolluar se ku ndodhin tranzicionet.
  • Kombinoni gradiente të shumta për efekte edhe më krijuese.
  • Për gradientët konikë, ndryshimi i qendrës krijon modele interesante.
  • Ruani gradientët tuaj të preferuar për përdorim të mëvonshëm.

Mbështetje për shfletuesin

Gradientët CSS mbështeten gjerësisht në shfletuesit modernë. Megjithatë, shfletuesit më të vjetër si Internet Explorer mund të mos i paraqesin ato saktë. Jepni gjithmonë një ngjyrë rezervë:

.my-element {
background: #4F46E5; /* Fallback color */
background: linear-gradient(135deg, #4F46E5, #8B5CF6);
}

Chrome

26+

Firefox

16+

Safari

6.1+

Edge

12+

Rreth këtij mjeti

Gjeneratori ynë i Gradientit CSS është projektuar për të ndihmuar zhvilluesit dhe dizajnerët të krijojnë gradiente të bukura pa mundim. Pavarësisht nëse po punoni në një faqe interneti, aplikacion apo thjesht dëshironi të eksperimentoni me ngjyrat, ky mjet e bën të lehtë gjenerimin e gradientit të përsosur për projektin tuaj.

Features

I lehtë për t’u përdorur

Ndërfaqe intuitive për krijimin e gradienteve.

Dizajn i Përgjegjshëm

Funksionon në mënyrë perfekte në të gjitha madhësitë e ekranit.

Gati për kopjim dhe ngjitje

Merrni kod të pastër CSS menjëherë.

Paracaktimet e disponueshme

Filloni me gradiente të bukura të paracaktuara.

Related Tools

Konvertuesi më pak në CSS

Transformoni kodin tuaj Less në CSS. Shpejt, lehtë dhe sigurt.

Konvertuesi i stilolapsit në CSS

Transformoni kodin tuaj SCSS në CSS. Shpejt, lehtë dhe sigurt.

Gjeneroni transformime CSS3 me lehtësi

Një mjet i fuqishëm dhe intuitiv për krijimin e transformimeve komplekse CSS3 pa shkruar kod. Vizualizoni ndryshimet në kohë reale dhe kopjoni CSS-në e gjeneruar për ta përdorur në projektet tuaja.

Konvertoni JSON në Excel pa mundim

Transformoni të dhënat tuaja JSON në format Excel me një klikim të vetëm. I shpejtë, i sigurt dhe plotësisht i bazuar në shfletues.

Formatuesi JSON

Formatuesi dhe Validuesi më i mirë JSON

Oktal në Heksadecimal

Konvertoni numrat oktalë në heksadecimalë pa mundim