<!DOCTYPE html> <html> <head> <title>CSS3 Opacity Filters</title> </head> <body> <style type="text/css"> .img_opacity { -webkit-filter: opacity(80%); filter: opacity(80%); border-radius:100px; } .img_opacity_1{ -webkit-filter: opacity(30%); filter: opacity(30%); 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_opacity" src="images/birds.jpg" alt="Parrot"> </td> <td> <img class="img_opacity_1" src="images/birds.jpg" alt="Parrot"> </td> </tr> </table> </body> </html>
Output :
Topic :
Opacity Filters
