<!DOCTYPE html> <html> <head> <title>CSS3 Hue Rotation Filters</title> </head> <body> <style type="text/css"> .img_hue_normal { -webkit-filter: hue-rotate(150deg); filter: hue-rotate(150deg); border-radius:100px; } .img_hue_wrap { -webkit-filter: hue-rotate(480deg); filter: hue-rotate(480deg); border-radius:100px; } table td{ padding: 10px; text-align: center; } </style> <table> <tr> <td> <img src="images/birds.jpg" alt="Parrot" style="border-radius:100px;"> </td> <td> <img class="img_hue_normal" src="images/birds.jpg" alt="Parrot"> </td> <td> <img class="img_hue_wrap" src="images/birds.jpg" alt="Parrot"> </td> </tr> </table> </body> </html>
Output :
Topic :
Hue Rotation Filters
