Gineadóir Scagaire CSS

.

Preview

Preview Image

CSS Code

scagaire: aon cheann;

Rialuithe

0px
100%
100%
0%
0deg
0%
100%
100%
0%

Scagairí

Vintage

Vintage Filter Preview

Black & White Filter Preview

Neon Glow

Neon Glow Filter Preview

Polaroid

Polaroid Filter Preview

Film

Vintage Film Filter Preview

Ealaíne

Digital Art Filter Preview

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.

Chrome Firefox Safari Edge IE 11+ (partial)

Related Tools