Gineadóir Scagaire CSS
.
Preview
CSS Code
Rialuithe
Scagairí
Vintage
Neon Glow
Polaroid
Film
Ealaíne
Conas Scagairí
Cad iad Scagairí CSS?
Ligeann Scagairí CSS duit éifeachtaí grafacha cosúil le doiléir nó aistriú dath a chur i bhfeidhm go gné . Úsáidtear iad go coitianta le haghaidh íomhánna, cúlraí agus teorainneacha.
Is féidir scagairí a úsáid chun éifeachtaí amhairc a chruthú, íomhánna a fheabhsú, nó eilimintí dearaidh uathúla a chruthú gan gá le huirlisí eagarthóireachta íomhá seachtracha.
Scagaire CSS Tacaithe
-
blur()- Cuireann sé doiléir Gaussian i bhfeidhm ar an eilimint. -
brightness()- Coigeartaíonn gile na heiliminte. -
contrast()- Coigeartaíonn codarsnacht na heiliminte. -
grayscale()- Athraíonn an eilimint go liathscála. -
hue-rotate()- Cuireann rothlú lí i bhfeidhm ar an eilimint. -
invert()- Inbhéartaíonn sé dathanna na heiliminte. -
opacity()- Coigeartaíonn teimhneacht na heiliminte. -
saturate()- Saturates or desaturates the element. -
sepia()- Tiontaíonn an eilimint go sepia.
Conas Scagairí
Ag baint úsáide as an gcód CSS a ghineann an uirlis seo, is féidir leat scagairí a chur i bhfeidhm ar aon eilimint HTML. Seo conas:
1. Roghnaigh Eilimint
Roghnaigh an eilimint HTML ar mhaith leat an scagaire a chur i bhfeidhm air. D'fhéadfadh sé seo a bheith ina íomhá, cúlra, nó aon eilimint eile.
2. Cuir Aicme nó ID
leis Mura bhfuil aicme nó ID ag an eilimint cheana féin, cuir ceann leis chun é a dhéanamh níos éasca díriú le CSS.
3. Cuir an Scagaire
i bhfeidhm Bain úsáid as an maoin CSSfilteri do stílbhileog nó stíl inlíne chun an scagaire a ghintear a chur i bhfeidhm.
.filtered-image { filter: blur(5px) brightness(110%) contrast(120%); }
4. Comhcheangail scagairí iolracha
Is féidir leat feidhmeanna scagaire iolracha a chomhcheangal trí iad a liostáil ceann i ndiaidh a chéile, scartha le spásanna.
filter: blur(2px) brightness(110%) contrast(120%) saturate(150%);
Comhoiriúnachta
Brabhsálaí i mbrabhsálaithe nua-aimseartha, lena n-áirítear Chrome, Firefox, Safari, Edge, agus Opera. Mar sin féin, ní thacaíonn brabhsálaithe níos sine cosúil le Internet Explorer leo.
Related Tools
Tiontaire Sass go CSS
Athraigh do chód Sass go CSS. Tapa, éasca agus slán.
Tiontaire Stíl go CSS
Tapa, éasca agus slán.
Gin Claochluithe CSS3 go Héasca
Uirlis chumhachtach, iomasach chun claochlú casta CSS3 a chruthú gan cód a scríobh. Samhlaigh athruithe i bhfíor-am agus cóipeáil an CSS a ghintear le húsáid i do thionscadail.
HSV go CMYK
Tiontaigh cóid dathanna HSV go luachanna CMYK le haghaidh dearadh
Cruthaigh Luchtaitheoirí CSS Áille
Ginin beochan luchtaithe CSS saincheaptha i soicind lenár gcomhéadan iomasach. Níl aon chódú ag teastáil!
Heics go Deachúil
priontála Tiontaigh uimhreacha heicsidheachúlacha go deachúlach gan