Ġeneratur tal-Gradyent CSS
Oħloq kodiċi tal-gradyent CSS b'previżjoni billi tagħżel kuluri u angoli
Karatteristiċi
Il-previżjoni u l-kodiċi jiġu aġġornati simultanjament
Meta tbiddel il-kuluri jew l-angoli, id-disinn u l-CSS jibdlu flimkien
Jappoġġaw gradyenti lineari, radjali u konikali
Iddikjara b'dettall l-angolu, il-forma, u l-pożizzjoni ċentrali għal kull tip
Aġġusta sa 10 kuluri b'drag
Biddel il-pożizzjoni tal-kuluri bid-drag fuq il-bar, u t-trasparenza b'slider
8 kampjuni u ġenerazzjoni każwali
Ibda mill-kampjuni kotidjani jew każwali u iffina bit-tul
Kif tuża
Agħżel it-tip
Agħżel it-tip ta' gradyent minn lineari, radjali, jew konikai
Iddikjara l-kuluri
Agħżel kuluri minn kodiċi jew kampjun, żid kuluri b'"Żid kulur", u aġġusta l-pożizzjoni u t-trasparenza
Aġġusta l-orjentazzjoni
Għall-lineari speċifika l-angolu jew uża l-buttuni tad-direzzjoni; għar-radjali u l-konikai, iddikjara l-pożizzjoni ċentrali
Nsuq il-kodiċi
Uża l-buttuna "Nsuq" biex tnaqli ringiela waħda ta' CSS fil-istil tiegħek
Każi ta' Użu
Oħloq sfond ta' immaġni ħerwa
Iddikjara l-kulur tal-isfond tal-website jew il-buttuni mingħajr ma tikteb kodiċi
Agħżel il-kuluri tal-intestazzjonijiet tal-blog
Agħżel kuluri viċin il-kampjuni biex issaħħaħ l-isfond tal-intestazzjonijiet ta' artikli
Overlay li jitwaqqa' fuq immaġini
Oħloq saff semi-trasparent billi twaqqax kuluri b'trasparenza baxxa fuq il-foto
Aġġustament tal-gradyenti mult-kulur
Aġġusta bil-laqad il-pożizzjoni tal-fruntieri bejn 3 kuluri jew aktar
Għarfien Fundamentali
Id-differenzi bejn linear, radial, u conic
Il-gradyenti CSS għandhom 3 funzjonijiet differenti għal-mod kif jinbidlu l-kuluri, u kollha jintużaw fil-proprjetà background.
- linear-gradient：linear-gradient huwa gradyent lineari fejn il-kuluri jinbidlu tul linja dritta fl-angolu speċifikat.
- radial-gradient：radial-gradient huwa gradyent radjali fejn il-kuluri jinfirdu f'forma ċirkolari jew ellittika mill-pożizzjoni ċentrali 'l barra.
- conic-gradient：conic-gradient huwa gradyent konikai fejn il-kuluri jinbidlu madwar il-pożizzjoni ċentrali f'direzzjoni tal-arloġġ.
Il-korrispondenza bejn l-angolu u l-kliem tad-direzzjoni
L-angolu ta' linear-gradient huwa 0deg meta jgħid "minn isfel lejn fuq", u huwa jiżdied lejn it-tond tal-arloġġ. L-angolu jista' jinkiteb bħala kliem tad-direzzjoni bħal "to right"; 90deg huwa l-istess bħal "to right", u 180deg huwa l-istess bħal "to bottom".
Il-mod ta' ittibir il-punti tal-kulur u t-trasparenza
Punt tal-kulur (color stop) huwa l-pożizzjoni fejn il-kulur jibda' fil-gradyent; 0% hija l-bidu u 100% hija l-aħħar. Pereżempju, "#3B82F6 0%, #8B5CF6 100%" ifisser kulur li jinbidel mill-blu fil-bidu sal-vjola fl-aħħar.
- Format #RRGGBB：Il-format #RRGGBB ifisser kulur miktub b'numri esadecimali fuq 2 ċifri għal ħamra, ħadra, u blu; #FF0000 huwa aħmar opak.
- Format rgba：Il-format rgba ifisser kulur miktub b'valuri għal ħamra, ħadra, blu (0-255) u trasparenza (0-1); 0.5 trasparenza ifisser kulur nofs-trasparent.
Sigurtà u Privatezza
Kollox fil-browser
Id-data li ddaħħal tiġi pproċessata biss fil-browser tiegħek u ma tintbagħatx barra.
Ipproċessament biss fil-browser
Il-ġenerazzjoni ta' kodiċi tal-gradyent jitwettaq kollu fil-browser tiegħek, u d-data ta' input mhix trimesa lill-server.
Il-komunikazzjoni hija encrypted bil-HTTPS
It-tagħbija tal-paġna hija wkoll encrypted bit-TLS, u l-kontenut mhux tista' jkun aqra minn partiti terzi.
Ebda trimesa lill-partiti terzi
Il-kontenut ta' input mhux trimesa lill-servizzi esterni bħal netwerks ta' advertajment jew trackers.
Ebda ħfinta awtomatika tal-riżultati
Il-kuluri u l-issettaġġ li għażilt u suġżerimenti ta' input mhux miġħoża fuq il-server.
Segwi lil RAKKOTOOLS fuq Google Search
185 għodod utli li jintlaħqu faċilment minn Google Search u AI Search!
- Ħela permezz tas-Segwi
- Jidher ukoll fl-AI Search
- Skopri għodod ġodda
Informazzjoni dwar aġġornamenti
- update #312
Żid generatur tal-gradjent CSS, ħoloq kodiċi billi tagħżel il-kulur u l-angolu