Gjenerator i Gradientit CSS
Zgjidh ngjyrën dhe këndin për të gjeneruar kodin e gradientit CSS me parapamje
Karakteristikat
Parapamja dhe kodi përditësohen njëkohësisht
Shfaqja dhe CSS ndryshojnë njëkohësisht kur ndryshohet ngjyra ose këndi
Mbështet linear, rrethor dhe konike
Specifiko në detaje këndin, formën dhe pozicionin qendror për secilin lloj
Rregullim i deri 10 ngjyrave përmes zvarritjeje
Rregullim i pozicionit të ngjyrës përmes zvarritjeje në shiritin e ngjyrave, transparenca përmes rrëshqitësit
8 mostra dhe gjenerim i rastësishëm
Fillim me kombinime klasike ose të rastësishme, pastaj përpunim i hollësisht
Si të përdorni
Zgjidh llojin
Zgjidh llojin e gradientit nga linear, rrethor ose konike
Vendose ngjyrën
Zgjidh ngjyrën nëpërmjet kodit të ngjyrës ose mostrës, shtoje ngjyra duke klikuar 'Shto ngjyrë', dhe rregulloje pozicionin dhe transparencën
Rregullim i drejtimit
Për linear, specifiko këndin ose përdor butonat e drejtimit; për rrethor ose konike, vendose pozicionin qendror
Kopjo kodin
Klikoni butonin 'Kopjo' për të ngjitur CSS në një linjë në stilet e tuaja
Rastet e përdorimit
Krijimi i sfondit të imazhit hero
Përcakto ngjyrën e sfondit të krye të faqes ose butonat pa shkruar kod
Zgjedhja e ngjyrave të titujve të blogut
Zgjidh ngjyrat afër mostrës për të radhitur sfondin e titullit të artikullit
Mbulesa për zëvendësimin e fotografive
Krijo një shtresë gjysmë transparente duke e mbuluar fotografinë me ngjyrë të transparencës të ulur
Rregullim i gradientit me shumë ngjyra
Rregullim i pozicionit të kufijve ndërmjet 3 ose më shumë ngjyrave përmes zvarritjeje
Njohuritë bazë
Ndryshimi ndërmjet linear, radial dhe conic
CSS ka 3 funksione gradient me shpërndarje ngjyrash të ndryshme, të gjitha të shkruara në pronësinë e sfondit.
- linear-gradient：linear-gradient është një gradient linear ku ngjyra ndryshon përgjatë një vije të drejtë në këndin e specifikuar.
- radial-gradient：radial-gradient është një gradient rrethor ku ngjyra përhapet në një formë rrethi ose elipsi nga pozicioni qendror drejt jashtë.
- conic-gradient：conic-gradient është një gradient konike ku ngjyra ndryshon në drejtim të akrepave të orës rreth pozicionit qendror.
Korrespondenca e këndeve dhe fjalëkërcave të drejtimit
Këndi i linear-gradient fillon me 0deg duke u drejtuar nga poshtë lart, dhe rritet në drejtim të akrepave të orës. Kënd mund të shkruhet edhe me fjalëkërchat e drejtimit si 'to right', ku 90deg korrespondon me 'to right' dhe 180deg me 'to bottom'.
Mënyra e shkrimit të ndalesave të ngjyrës dhe transparencës
Ndalesë ngjyre (color stop) është pozicioni në gradient ku shfaqet ajo ngjyrë, ku 0% është pika fillimi dhe 100% është pika fundi. Për shembull, '#3B82F6 0%, #8B5CF6 100%' ndryshon ngjyrën nga blu në fillim në purpuri në fund.
- Formati #RRGGBB：Formati #RRGGBB përfaqëson ngjyrën duke përdorur 2 shifra heksadecimale për secilën nga intensitetet e kuqe, jeshile dhe blu, ku #FF0000 përfaqëson të kuqen e plotë.
- Formati rgba：Formati rgba shton transparencën (0–1) në vlerat e kuqe, jeshile dhe blu (0–255), ku transparenca 0.5 përfaqëson një ngjyrë gjysmë transparente.
Siguria dhe Privatësia
Vetëm në shfletues
Të dhënat e futura përpunohen vetëm brenda shfletuesit tuaj dhe nuk dërgohen jashtë.
Përpunimi vetëm në shfletues
Gjenerimi i kodit të gradientit kryhet tërësisht në shfletuesin tuaj, dhe të dhënat hyrëse nuk dërgohen në serverin.
Komunikimi është i enkriptuar me HTTPS
Ngarkimi i faqes është gjithashtu i enkriptuar me TLS, dhe përmbajtja nuk mund të lexohet nga pala e tretë.
Nuk ka dërgim në palë të tretë
Përmbajtja hyrëse nuk dërgohet në shërbime të jashtme si rrjete reklamash ose përgjuese.
Nuk ka ruajtje automatike të rezultateve
Ngjyrat dhe cilësimet e zgjedhura dhe sugestimet hyrëse nuk ruhen në server.
Ndiqe RAKKOTOOLS në Google Search
184 mjete të dobishme janë më të lehta për t'u gjetur në Google Search dhe kërkimet AI!
- Gjehet në kërkime
- Shfaqet edhe në kërkimet AI
- Zbulo mjete të reja
Informacion përditësimi
- update #312
Shtuar gjenerator i gradientëve CSS, zgjedh ngjyrat dhe këndin për të gjeneruar kodin