ممكن حد يشرح لي كيفية عمل هذا(مثال صورة + فيديو)

[New Prison]

السلام عليكم


السؤال اعتقد انه بسيط لكن انا ليس لدي فكرة كبيرة بهالأمور



لدي صور بصفحة واريد عمل تاثير بسيط عليها


الصور جعلها محاطة بإطار شفاف اللون وعند مرور الماوس عليها يصبح الاطار غامق او مضيء كما يقال


للتوضيح هذه صورة قبل وبعد مرور الماوس




وهذا فيديو لمن يريد الرؤية مباشرة

http://www.mediafire.com/?ydqjgz4zmwo


مع العلم الصور موجودة لدي بصفحة html وهناك ملف تنسيق خارجي style.css

[وضاء]

وعليكم السلام و رحمة الله و بركاته .
هلا بالدب ابومحمد ،
انا مبتدأ بس اعرف هالشغلة يالله نلحق نسوي فيها عارفين خخخ ترى ماتحاسبني على العباطة في الشرح .
نفترض هذا هو كود الصورة في ملف الهتمل :

 <img src="http://extrapc.com/images/image.jpg" alt="" />

نجي بكل بساطة و نخليه :

<img src="http://extrapc.com/images/image.jpg" alt="" class="img" />

نروح لملف الـ css نضيف هالاسطر :

.img {
border: solid 2px silver;
}
.img:hover{
border: solid 2px blue;
}

sliver = اللون الشفاف يمديك تستبدله باي لون تبيه من الالوان الخفيفة روح لاي موقع يقدم اكواد الالوان و اختار الي تبي.
blue = اللون الي تبيه يظهر في الحدود(الاطار) عند تمرير الفأرة عليه

[New Prison]

يعطيك العافية على الشرح

الموضوع طرحته من أكثر من شهر ولما شفت محد رد غيرت الفكرة كليا وصارت كذه www.extra-pc.com

ان شاء الله الكل يستفيد من شحك وما قصرت