[طلب] : مسآعدهـ بتركيب كود css بسيط جداً

[محروم.كوم]

آلسلآمـ عليكمـ ,

آبحث عن كود CSS لآظهآر آلنص على آلصور بمرور آلمآوس وحصلته آلحمد لله وتمـ آلتركيب بنجآح


لكن آلكود كبير وللآسف مآ عرفت كيف آوزعه وآضيف كود style.css و كود آلهتمل

آلكود :

اقتباس:


a.hovertext {
position: relative;



width: 500px;
text-decoration: none !important;
text-align: center;
}
a.hovertext:after {
content: attr(title);
position: absolute;
left: 0;
bottom: 0;
padding: 0.5em 20px;
width: 460px;
background: rgba(0,0,0,0.8);
text-decoration: none !important;
color: #fff;
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
a.hovertext:hover:after, a.hovertext:focus:after {
opacity: 1.0;
}







بمجرد نسخ آلكود ولصقه في ملف هتمل آو php رآح يعمل لكن عندي صور كثيرهـ وآلكود كبير وسمعت آنه رآح يأثر على آدآء آلموقع

فـ طلبي شرح طريقه وضع آلكود آلآحمر في ملف style.css وربطه بآلكود بآللون آلآزرق

حآولت آضيف كلآس class بنفس آلمسمى لكن للآسف مآ نفعت آلطريقه

آتمنى آحصل من يسآعدني

__DEFINE_LIKE_SHARE__