[استفسار] مشكل في html و css
 

السلام عليكم و رحمة الله تعالى و بركاته


اخواني دائما نفس المشكل

اريد ان اضع هذا التاثير على صورة واحدة فقط

لكن هو يطبق على كل الصور في الصفحة


img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}



كيف اجعل التاثير يقع على صورة واحدة لنفرض انني اعطيتها id=pic1

كيف اجعل التاثير يقع عليها فقط
و كيف سيكون شكل كود css

جزاكم الله خيرا