Jenereta ya Kichujio cha CSS
Unda na uibue vichungi maalum vya picha vya CSS
Preview
CSS Code
Vidhibiti vya Kichujio
Vichungi maarufu
Vintage
Neon Glow
Polaroid
Filamu ya mavuno
Sanaa ya dijiti
Jinsi ya kutumia vichungi vya CSS
Vichungi vya CSS ni nini?
Vichujio vya CSS hukuruhusu kutumia madoido ya picha kama vile ukungu au kubadilisha rangi kwa kipengele. Zinatumika kwa kawaida kwa picha, mandharinyuma, na mipaka.
Vichujio vinaweza kutumika kuunda madoido ya kuona, kuboresha picha, au kuunda vipengele vya kipekee vya muundo bila hitaji la zana za nje za kuhariri picha.
Sifa za Kichujio cha CSS Zinazotumika
-
blur()- Inatumia ukungu wa Gaussian kwenye kipengele. -
brightness()- Hurekebisha mwangaza wa kipengele. -
contrast()- Hurekebisha utofautishaji wa kipengele. -
grayscale()- Hubadilisha kipengele kuwa kijivu. -
hue-rotate()- Inatumia mzunguko wa rangi kwenye kipengele. -
invert()- Hubadilisha rangi za kipengele. -
opacity()- Hurekebisha uwazi wa kipengele. -
saturate()- Hujaza au kupunguza kipengele. -
sepia()- Hubadilisha kipengee kuwa sepia.
Jinsi ya kutumia vichungi
Kwa kutumia msimbo wa CSS unaozalishwa na zana hii, unaweza kutumia vichungi kwa kipengele chochote cha HTML. Hivi ndivyo jinsi:
1. Chagua Kipengele
Chagua kipengee cha HTML unachotaka kutumia kichujio. Hii inaweza kuwa picha, mandharinyuma, au kipengele kingine chochote.
2. Ongeza Darasa au kitambulisho
Ikiwa kipengee tayari hakina darasa au kitambulisho, ongeza moja ili iwe rahisi kulenga na CSS.
3. Tumia kichujio
Tumia CSSfiltermali katika laha yako ya mitindo au mtindo wa ndani ili kutumia kichujio kilichozalishwa.
.filtered-image { filter: blur(5px) brightness(110%) contrast(120%); }4. Changanya vichungi vingi
Unaweza kuchanganya kazi nyingi za chujio kwa kuziorodhesha moja baada ya nyingine, ikitenganishwa na nafasi.
filter: blur(2px) brightness(110%) contrast(120%) saturate(150%);Utangamano wa kivinjari
Vichungi vya CSS vinatumika sana katika vivinjari vya kisasa, ikiwa ni pamoja na Chrome, Firefox, Safari, Edge, na Opera. Hata hivyo, vivinjari vya zamani kama vile Internet Explorer haviungi mkono.
Related Tools
Mrembo wa CSS
Fomati na upamba msimbo wako wa CSS kwa usahihi wa kitaalamu
Jenereta ya Mpito ya CSS3
Mpito laini wa opacity
Stylus kwa Kigeuzi cha CSS
Badilisha msimbo wako wa SCSS kuwa CSS. Haraka, rahisi, na salama.
Kizuizi cha JavaScript
Linda msimbo wako wa JavaScript dhidi ya ufikiaji usioidhinishwa na uhandisi wa kubadili ukitumia zana yetu yenye nguvu ya kuficha. Badilisha msimbo wako kuwa umbizo lisiloweza kusomeka huku ukidumisha utendakazi kamili.
Octal hadi Hex
Badilisha nambari za octal kuwa hexadecimal bila kujitahidi
Zana ya Usimbuaji wa URL
Simba vigezo vya URL kwa urahisi kwenye kivinjari chako.