Na'urar Samar da Gradient na CSS
Zaɓi launuka da kusurwa kawai don samar da lambar CSS gradient tare da gani kai tsaye
Fasalolin
Gani da Lambar Suna Sabuntawa Tare
Duk lokacin da aka canza launi ko kusurwa, kamanni da CSS duk suna canzawa tare
Yana Goyon Bayan Layi, Da'ira, da Fuska
Ana iya saita kusurwa, siffa, da matsayin tsakiya daki-daki ga kowane iri
Jan Abu don Daidaita Har zuwa Launuka 10
Ana daidaita matsayin launi ta jan sanda, kuma a daidaita gaskiya ta amfani da slider
Samfura 8 da Samarwa Bazuwar
Fara daga sanannun haɗin launuka ko haɗin bazuwar sannan a daidaita kaɗan kaɗan
Yadda Ake Amfani
Zaɓi Iri
Zaɓi irin gradient daga layi, da'ira, ko fuska
Zaɓi Launuka
Zaɓi launi ta lambar launi ko samfura, ka latsa "Ƙara Launi" don ƙara launuka, sannan ka daidaita matsayi da gaskiya
Daidaita Shugabanci
Don layi, saita kusurwa ko maɓallan shugabanci; don da'ira da fuska, saita matsayin tsakiya
Kwafi Lambar
Danna maɓallin "Kwafi" don manna layin CSS guda ɗaya a cikin salon ka
Hanyoyin Amfani
Kirkiro Bangon Hoton Jarumi
Zaɓi launin bango na saman shafi ko maɓalli ba tare da rubuta lamba ba
Zaɓin Launi don Kan Rubutun Blog
Zaɓi haɗin launuka mafi kusa daga samfura don kyautata bangon kan rubutu
Murfin da Ake Shimfiɗa Kan Hoto
Yi amfani da launi mai ɗan gaskiya don kirkiro shimfiɗar rabin-gaskiya a kan hoto
Daidaita Gradient Mai Launuka Masu Yawa
Yi amfani da jan abu don matsar da iyakokin tsakanin launuka 3 ko fiye kaɗan kaɗan
Ilimin Asali
Bambanci Tsakanin linear, radial, da conic
Akwai ayyuka guda uku na gradient a CSS waɗanda kowanne yake canza launi ta hanya dabam-dabam, ana rubuta dukkansu a cikin kayan background.
- linear-gradient：linear-gradient wani gradient ne na layi wanda launi yake canzawa tare da layin da aka saita kusurwarsa.
- radial-gradient：radial-gradient wani gradient ne na da'ira wanda launi yake yaɗawa daga matsayin tsakiya zuwa waje a siffar da'ira ko oval.
- conic-gradient：conic-gradient wani gradient ne na fuska wanda launi yake canzawa yayin da yake kewaya matsayin tsakiya sau ɗaya a hanyar agogo.
Alaƙar Kusurwa da Kalmomin Shugabanci
A cikin linear-gradient, 0deg tana nufin shugabanci daga ƙasa zuwa sama, kuma yayin da lambar ke ƙaruwa, yana juyawa a hanyar agogo. Ana iya rubuta kusurwa ta amfani da kalmomin shugabanci kamar "to right"; 90deg daidai take da "to right", kuma 180deg daidai take da "to bottom".
Yadda Ake Rubuta Matakan Launi da Gaskiya
Matakin launi (color stop) shine matsayi a cikin gradient inda ake samun wannan launi, inda 0% take nuna farkon kuma 100% take nuna ƙarshen. Misali, "#3B82F6 0%, #8B5CF6 100%" tana nufin canjin launi daga shuɗi a farko zuwa shunayya a ƙarshe.
- Tsarin #RRGGBB：Tsarin #RRGGBB wata hanya ce ta rubuta launi da ke nuna ƙarfin ja, kore, da shuɗi ta hanyar lambobi 16 na adadi guda biyu-biyu; #FF0000 tana nuna ja mara gaskiya.
- Tsarin rgba：Tsarin rgba wata hanya ce ta rubuta launi inda ake ƙara darajar gaskiya (0 zuwa 1) ga darajojin ja, kore, da shuɗi (0 zuwa 255); gaskiya na 0.5 tana nuna launi mai rabin gaskiya.
Aminci da Keɓantawa
Ana gamawa a cikin burauza
Ana sarrafa bayanan da aka shigar a cikin burauzar ku kawai, ba a aika su zuwa waje ba.
Ana'amshi a cikin Burauzar kawai
Samar da lambar gradient ana yin su ne gaba ɗaya a cikin burauzarku, kuma babu bayanan shigarwa da ake aika zuwa sabar.
Sadarwa tana ɓoye ta HTTPS
Ana ɓoye loda shafin ma ta TLS, don haka babu wata ɓangare ta uku da za ta iya karanta abubuwan da ke ciki.
Babu aikawa zuwa ɓangare ta uku
Ba a aika abubuwan shigarwa zuwa sabis na waje kamar hanyoyin talla ko masu bin sawu ba.
Babu adana sakamakon ta atomatik
Ba a adana Launuka da saitunan da aka zaɓa ko shawarwarin shigarwa a sabar ba.
Bi RAKKOTOOLS ta Google Search
Kayan aiki masu amfani guda 184 za su zama saukin samu ta Google Search da neman AI!
- Ana samun su ta search
- Ana nunawa a AI search
- Gano sabbin kayan aiki
Bayanan sabuntawa
- update #312
An ƙara na'urar samar da gradient na CSS, zaɓi launi da kusurwa don samar da lambar