شرح اضافة تأثير أبيض واسود على الصورة عند مرور الماوس عليها

<style>

body {

background: #2173CF;

}

.container {

display: flex;

justify-content: space-around;

alighn-items: center;

width: 90%;

margin: auto;

}



img:hover {

cursor: pointer;

filter: grayscale(100%)

}



</style>



<div class="container">

<img src="https://i.servimg.com/u/f93/15/47/21/99/3812.png">

</div>