Paano gumawa: Magdagdag ng epekto sa imahe

Matututunan kung paano magdagdag ng epekto sa imahe.

CSS Filters

CSS filter Ang atribute ay nagdagdag ng epekto sa elemento (tulad ng pag-blur at saturation).

Babala:Hindi suportado ng Internet Explorer, Edge 12 o Safari 5.1 at mas maaga na bersyon. filter Atribute.

Mga halimbawa ng pag-kulay puti at puti

Gawin ang lahat ng kulay ng imahe nang puti at puti (100% kulay puti):

Unang imahe

Kulay puti at puti (100%);

img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

亲自试一试

Mga halimbawa ng pag-blur

Ilapat ang pag-blur sa lahat ng imahe:

Unang imahe

Hindi na nakikita ang detalye (5 pixels);

img {
  -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
  filter: blur(5px);
}

亲自试一试

相关页面

参考手册：CSS filter 属性