[حصرياً] - [كيف - Css3] عند مرور الفأر علي عنصر يتأثر عنصر أخر.

بسم الله الرحمن الرحيم.

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

اليوم سوف نتعلم كيفية اضافة تأثير عند مرور الفأر علي عنصر يتأثر عنصر أخر.

اليوم يوجد موضوع جديد وحصرى جداً في بلوجر. أقدم لكم تأثير جميل جداًعند مرور الفأر علي عنصر يتأثر عنصر أخر فى مدونة بلوجر. وهي عبارة عن اضافة، ولكن لن أطيل عليكم تابعوا الشرح  ...

الخطوات:

اذهب الي "لوحة التحكم" ثم نختر "القالب" ثم نختر "تحرير HTML".

• | ندخل الي القالب.
 • | حرر القالب.
 • | ابحث عن  ]]></b:skin>
 • | وضع هذا الكود فوقه تماما:

.post-body img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><fecolormatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
 /* Firefox 3.5+ */
    filter: gray;
 /* IE6-9 */
    -webkit-filter: grayscale(100%);
 /* Chrome 19+ & Safari 6+ */;
}
.post-body img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

من فضلك اضغظ لايك لمشاهدة لينك التحميل