Fungu za blur za CSS

Maelezo na Matumizi

CSS ina blur() Fungu wa filter inaonyesha mafanikio ya hataru kwa elementi. Kwa kawaida, inaonesha kwamba inaonesha mafanikio ya hataru.

Ikiwa hayo hayafikiriwa, huzingatwa 0.

Mfano

Mfano 1

Kueneza mafanikio ya hataru ya kina kwa elementi za <h1> na <img>:

h1 {
  filter: blur(2px);
}
#img1 {
  filter: blur(2px);
}
#img2 {
  filter: blur(6px);
}

Inafikia kwa kufikia

Mfano 2

Kufanya mabackground ya hataru:

img.background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  filter: blur(35px);
}

Inafikia kwa kufikia

Inayotumika kwa CSS

blur(radius)

Vivutio ya Teknolojia

Mfano wa kufungua

Mafanikio ya tabia zinaonekana kwa sasa zinaonyesha msingi wa kufungua fungu hili.

Makao yana

TunanezaHisia CSS filter

TunanezaFunguo ya brightness() katika CSS

TunanezaFungu za contrast za CSS

TunanezaFungu za drop-shadow za CSS

TunanezaFungu za grayscale za CSS

TunanezaFungu za hue-rotate za CSS

TunanezaFungu za invert za CSS

TunanezaFungu za opacity za CSS

TunanezaFunguo ya saturate() katika CSS

TunanezaFunguo ya sepia() katika CSS