فلاتر على الصور بالCSS3

السلام عليكم اليوم اتيت لكم بفلاتر على الصور بال

CSS3 فقط
هنا امثلة مع الكود تبعها

http://demo.hongkiat.com/css-filter/index.html


ولتحميل الأمثلة

http://demo.hongkiat.com/css-filter/source.zip
المصدر:هنا

1. img {  
2.     -webkit-filter: grayscale(100%) contrast(150%);   
3. }  

1. img {  
2.     -webkit-filter: brightness(-50%);   
3. }  

1. img {  
2.     -webkit-filter: brightness(50%);   
3. }  

 فلتر ابيض واسود كود ال CSS

1. img {  
2.      -webkit-filter: grayscale(100%);  
3. }