<!DOCTYPE html> <html lang="en"> <head> <title> CSS 3 Opacity Filter Effect </title> <meta charset="UTF-8"> <style> img.transparent { -webkit-filter: opacity(75%); filter: opacity(75%); } img.highly-transparent { -webkit-filter: opacity(50%); filter: opacity(50%); } table td{ padding: 10px; text-align: center; } </style> </head> <body> <table> <tr> <td> <img src="PUBG-GAME-IMAGE.jpg" alt="PUBG"> </td> <td> <img class="transparent" src="PUBG-GAME-IMAGE.jpg" alt="PUBG"> </td> <td> <img class="highly-transparent" src="PUBG-GAME-IMAGE.jpg" alt="PUBG"> </td> </tr> <tr> <td>Original Image</td> <td>Opacity (75%)</td> <td>Opacity (50%)</td> </tr> </table> </body> </html>
