Πώς να δημιουργήσετε: μαύρο-μπλε εικόνα

μάθετε πώς να δημιουργήσετε ένα “μαύρο-μπλε” εικόνα χρησιμοποιώντας CSS.

μαύρο-μπλε εικόνα

χρησιμοποιώντας CSS filter η ιδιότητα μετατρέπει την εικόνα σε μαύρο-μπλε εικόνα.

Τουλίπα
οργανικό εικόνα
Τουλίπα
αετία (100%)

πλαίσιο αετίας

更改所有图像的颜色为黑白（100% 灰度）：

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

δοκιμάστε προσωπικά

相关页面

教程：CSS 图像

参考手册：CSS filter 属性