Zana za CSS Gradient Generator
Chagua rangi na pembe tu ili kutengeneza CSS gradient code na muonekano wa haraka
Sifa
Muonekano na Code Husasishwa Wakati Mmoja
Kila wakati unavyobadilisha rangi au pembe, muonekano na CSS hubadilika wakati mmoja
Inasaidia Mstari, Mviringo, na Pembe
Ainisha pembe, umbo, na nafasi ya kati kwa kila aina kwa kina
Rekebisha Rangi 10 Zenye Uvuta wa Kusonga
Rekebisha nafasi ya rangi kwa kusonga kwenye upau, na ufasiri kwa kusonga slider
Mifano 8 na Kutengeneza Kwa Nasibu
Anza na rangi za kawaida au za nasibu, kisha rekebeza kidogo
Jinsi ya Kutumia
Chagua Aina
Chagua aina ya gradient kutoka mstari, mviringo, au pembe
Amua Rangi
Chagua rangi kwa code au mifano, ongeza rangi kwa "Ongeza Rangi", kisha rekebeza nafasi na ufasiri
Rekebeza Mwelekeo
Kwa mstari, ainisha pembe au kitufe cha mwelekeo; kwa mviringo au pembe, ainisha nafasi ya kati
Nakili CSS Code
Bonyeza kitufe cha "Nakili" ili kuweka CSS ya mstari mmoja kwenye mtindo wako
Matumizi
Kutengeneza Background ya Picha ya Hero
Amua rangi ya background ya ukurasa au kitufe bila kuandika code
Kuchagua Rangi za Kichwa cha Blogi
Chagua rangi sawa na mifano na kurekebeza background ya kichwa cha makala
Overlay ya Kuweka Kwenye Picha
Tengeneza kanda ya nusu-tupu kwa kuacha rangi nyingi juu ya picha
Kurekebeza Multi-Color Gradient
Kusonga pembe za mahali pa kuongezana kwa rangi 3 au zaidi polepole
Ujuzi wa Msingi
Tofauti kati ya linear, radial, na conic
CSS gradient ina kazi 3 tofauti na njia tofauti za mabadiliko ya rangi, zote zinaweza kuandikwa kwenye sifa ya background.
- linear-gradient：linear-gradient ni gradient ya mstari ambapo rangi hubadilika kwa mstari wa moja kwa moja kwa pembe iliyoainishwa.
- radial-gradient：radial-gradient ni gradient ya mviringo ambapo rangi husambaa kutoka katikati kwa nje kwa umbo la duara au duara ndefu.
- conic-gradient：conic-gradient ni gradient ya pembe ambapo rangi hubadilika wakati inakwenda mahali pazote kuzunguka katikati kwa mwelekeo wa saa.
Unukufu wa Pembe na Maneno ya Mwelekeo
Pembe ya linear-gradient ni 0deg kutoka chini hadi juu, na idadi nyingi huzunguka kwa mwelekeo wa saa. Pembe inaweza kuandikwa pia kwa maneno ya mwelekeo kama "to right", na 90deg ni sawa na "to right", 180deg ni sawa na "to bottom".
Jinsi ya Kuandika Color Stop Points na Ufasiri
Color stop point ni nafasi ambapo rangi inabadilika katika gradient, ambapo 0% ni nukta ya kuanza na 100% ni nukta ya kumalizia. Kwa mfano, "#3B82F6 0%, #8B5CF6 100%" ni kubadilisha kutoka kwa bluu kwenye kuanza hadi zambarau kwenye kumalizia.
- #RRGGBB format：#RRGGBB format ni njia ya kuandika rangi ambapo nguvu ya nyekundu, kijani na bluu inawakilishwa na heksadesimali ya nambari 2, na #FF0000 inawakilisha nyekundu tupu.
- rgba format：rgba format ni njia ya kuandika rangi ambayo inajumlisha thamani ya nyekundu, kijani, na bluu (0-255) pamoja na ufasiri (0-1), ambapo ufasiri 0.5 inawakilisha rangi inayoofa nusu.
Usalama na Faragha
Hukamilika kwenye kivinjari
Data uliyoingiza huchakatwa ndani ya kivinjari chako pekee na haitumwi nje.
Uchakataji ndani ya kivinjari pekee
Kutengeneza code ya gradient husambazwa kabisa ndani ya kivinjari chako, na data ya ingizo haisisitizwi kwa seva.
Mawasiliano yamefungwa kwa HTTPS
Kupakia kwa ukurasa pia kunafungwa kwa TLS, na mtu wa tatu hawezi kusoma maudhui.
Hakuna kutuma kwa pande nyingine
Maudhui ya ingizo hayatumwi kwa huduma za nje kama mitandao ya matangazo au kufuatilia.
Hakuna kuhifadhi matokeo kiotomatiki
Rangi na mipango iliyochaguliwa au mapendekezo ya ingizo hayahifadhiwi kwenye seva.
Fuata RAKKOTOOLS kwenye Utafutaji wa Google
Zana 185 zinakamatia inayorahisisha utafutaji, na sasa inaweza kutafutwa kwa urahisi kutoka kwenye Utafutaji wa Google na Utafutaji wa AI!
- Inapatikana kwenye utafutaji
- Inaonyeshwa pia kwenye Utafutaji wa AI
- Gunduza zana mpya
Taarifa za sasisho
- update #312
Kuongeza CSS Gradient Generator, chagua rangi na pembe ili kuunda nambari