Miscellaneous image filters: invert gray and xray | create image effect using the filter| how to add filter effect to the image

By through using filters: invert gray xray we can change the image appearance.
Invert: negative image effect
It change the dark color to light color
Light color to dark color
Gray filter: it apply to the image gray scale effect.
Xrayfilter:it is reverse process for the gray scale effect.
Line7: ordinary image
Line8: invert image

Line11: gray filter image
Line12: xray filter image effect
Source Code
1. <html>
2. <head><title>PRATICE</title>
3. </head>
4. <body bgcolor="yellow">
5. <div align="center"><table border="1" bordercolor="black">
6. <tr>
7. <td style="filter:fliph"><font color="red" size="50"><img src="1.jpg" width="200" height="200"></td>
8. <td><font color="red" size="50"><img src="1.jpg" width="200" height="200" style="filter:invert"></td>
9. </tr>
10. <tr>
11. <td style="filter:flipv"><font color="red" size="50"><img src="1.jpg" width="200" height="200" style="filter:gray"></td>
12. <td style="filter:fliph flipv"><font color="red" size="50"><img src="1.jpg" width="200" height="200" style="filter:xray"></td>
13. </tr>
14. <table>
15. </div>
16. <tr>
17. <td>
18. </body>
19. </html>




Related post