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
Unda Mipangilio Kamili ya Flexbox
Taswira, kubinafsisha, na kutoa msimbo wa CSS flexbox kwa kiolesura chetu angavu cha kuburuta na kudondosha.
Stylus kwa Kigeuzi cha CSS
Badilisha msimbo wako wa SCSS kuwa CSS. Haraka, rahisi, na salama.
Kigeuzi cha SCSS hadi CSS
Badilisha msimbo wako wa SCSS kuwa CSS. Haraka, rahisi, na salama.
CMYK hadi HEX
Badilisha maadili ya rangi ya CMYK kuwa misimbo ya HEX kwa muundo wa wavuti na programu za dijiti
CMYK hadi PANTONE
Badilisha maadili ya rangi ya CMYK kuwa sawa na Pantone® kwa muundo wa uchapishaji
Shake-128 Kikokotoo cha Hash
Tengeneza heshi za Shake-128 haraka na kwa urahisi