Çfarë është Gjeneratori i gradienteve dhe si funksionon
Gjeneratori i gradienteve është një vegël praktike që ju lejon të krijoni një gradient CSS duke zgjedhur llojin e tij, duke rregulluar drejtimin ose formën, si dhe duke shtuar deri në tetë ndalesa ngjyrash. Gjatë kohës që bëni ndryshime, ju do të shikoni një pamje paraprake të gradientit në kohë reale dhe mund të kopjoni kodin CSS të gjeneruar me një klikim të vetëm.
Ky mjet është i krijuar për të përmbushur nevojat e përdoruesve të ndryshëm:
- Dikush që dëshiron të krijojë një sfond CSS.
- Një përdorues që ka nevojë të rregullojë dy ngjyra dhe një drejtim për një gradient.
- Një dizajner ose zhvillues front-end që duhet të rregullojë llojin, pozicionin dhe ndalesa të shumta ngjyrash të një gradienti.
Llojet e gradienteve dhe kontrolli i drejtimit
Kur përdorni këtë vegël, ju mund të zgjidhni midis tre llojeve kryesore të gradienteve nën pjesën Lloji i gradientit: Linear, Radial, ose Konik. Secili prej tyre sillet në mënyrë të veçantë:
- Linear: Ky lloj gradienti përzien ngjyrat përgjatë një linje të drejtë, ku këndi përcakton drejtimin e tij. Rrëshqitësi për Këndi vendos drejtimin, ku 0° tregon lart dhe 90° tregon djathtas.
- Radial: Ky lloj i përhap ngjyrat nga jashtë qendrës në formë rrethi ose elipse. Gradientet radialë nuk përdorin një kënd; në vend të kësaj, ju zgjidhni një formë nën Forma, e cila mund të jetë Elipsë ose Rreth.
- Konik: Ky gradient i rrotullon ngjyrat rreth qendrës si një rrotë ngjyrash. Ngjashëm me gradientin linear, ai përdor një vlerë numerike për këndin për të përcaktuar drejtimin.
Menaxhimi i ndalesave të ngjyrave
Nën seksionin Ndalesat e ngjyrave, ju mund të konfiguroni pikat specifike të ngjyrave që do të përbëjnë gradientin tuaj. Çdo ndalesë ngjyre përbëhet nga:
- Ngjyra e ndalesës: Një vlerë ngjyre.
- Pozicioni: Një vlerë në përqindje nga 0% deri në 100%.
Çdo ndalesë ngjyre është e fiksuar në një pozicion përgjatë gradientit, ku 0% përfaqëson fillimin dhe 100% përfaqëson fundin. Gradienti fillestar vjen i konfiguruar me dy ndalesa ngjyrash: #6366f1 0% dhe #ec4899 100%.
Ju mund të shtoni ndalesa të reja duke klikuar butonin Shto ndalesë. Ndalesat e reja të shtuara marrin automatikisht një pozicion fillestar prej 50%. Vegla ju lejon të përdorni deri në tetë ndalesa ngjyrash. Në momentin që janë të pranishme tetë ndalesa ngjyrash, butoni Shto ndalesë çaktivizohet. Nëse dëshironi të hiqni një ndalesë, mund të përdorni opsionin Hiq ndalesën.
Gjenerimi i kodit CSS dhe kopjimi i tij
Pasi të keni rregulluar të gjitha cilësimet e dëshiruara, vegla gjeneron automatikisht kodin përkatës nën pjesën CSS. Ju mund ta merrni këtë kod shumë thjesht:
- Klikoni mbi butonin Kopjo CSS.
- Pas klikimit, gjendja e butonit ndryshon për të treguar se kodi është kopjuar, duke ju konfirmuar që kodi është ruajtur në kujtesën e pajisjes suaj.
Privatësia dhe përpunimi i të dhënave
Siguria e të dhënave tuaja është e rëndësishme gjatë përdorimit të këtij mjeti. Çdo gradient renditet drejtpërdrejt në shfletuesin tuaj. Asgjë që vendosni ose rregulloni në këtë vegël nuk ngarkohet në serverët e BroBroGo.
Pyetjet e bëra më shpesh (FAQ)
Cili është ndryshimi midis gradienteve linearë, radialë dhe konikë?
Një gradient linear përzien ngjyrat përgjatë një linje të drejtë që ju e drejtoni me një kënd. Një gradient radial i përhap ato nga jashtë qendrës në formë rrethi ose elipse. Një gradient konik i rrotullon ato rreth qendrës si një rrotë ngjyrash.
Çfarë janë ndalesat e ngjyrave?
Çdo ndalesë ngjyre (color stop) është një ngjyrë e fiksuar në një pozicion përgjatë gradientit — 0% në fillim, 100% në fund. Lëvizni një ndalesë për të zhvendosur vendin ku ngjyra e saj arrin kulmin, ose shtoni më shumë ndalesa për një përzierje më të pasur. Mund të përdorni deri në tetë ndalesa.
Si ta kontrolloj drejtimin?
Për një gradient linear ose konik, rrëshqitësi i këndit përcakton drejtimin — 0° tregon lart, 90° tregon djathtas. Një gradient radial nuk ka kënd; zgjedhni një formë rrethi ose elipse në vend të tij për të ndryshuar mënyrën se si përhapet.