درخواست افکت آمدن لوگو وسط عکس با استفاه از CSS

[Poorya.sh 39]

سلام دوستان خوبید بنده یک کد Cssمیخوام که به این کد که در حال حاضر ازش استفاده میکنم اضافه کنم و بعد از بردن ماوس روی عکس پست های سایت بجز این افکت ها که الان اجرا میشه یک لوگوی کوچیچک از سایت هم وسط عکس نمایشه داده بشه من این افکت توی خیلی از سایت ها دیدم اگه بتونید کمک کنید و کد افکتش بدید ممنون میشم

این هم کد فعلی من

.news-item img,#post img {
-webkit-transition: all 0.8s ease-in;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
  }
.news-item img:hover,#post img:hover{
border-radius:27px;
box-shadow:0px 0px 0px #9c9c9c;
position:relative;
opacity:.777;
  }
.Effect:hover {-webkit-transition: all 0.8s ease-in;-moz-transition: all 0.8s ease-in;-o-transition: all 0.8s ease-in;transition: all 0.8s ease-in;opacity:0;}

[Poorya.sh 39]

آقا من سرچ کردم چند مدل پیدا کردم بعدش که دانلود کردم وقتی اجرا میکنم داخل خود مرورگر اجرا میشن وکدی ندارن باید چجوری از اونا استفاده کنم

[alireza.nh 318]

آقا من سرچ کردم چند مدل پیدا کردم بعدش که دانلود کردم وقتی اجرا میکنم داخل خود مرورگر اجرا میشن وکدی ندارن باید چجوری از اونا استفاده کنم

یعنی چی کدی ندارن!؟!؟

[imanfakhar 26231]

روی نام فایل دانلود شده راست کلیک کنید و open as notepoad

[Poorya.sh 39]

آقا ایمان خودم میدونم همین کار کردم خوب و این کد داد بعدش گذاشتم اما باز هم کار نکرد فکر کنم مشکل از جای گذاریه چون کلاسش رو هم تغییر دادم اما باز هم مشکل حل نشد

کد

.post-thumbnail a:hover .overlay-icon{opacity:0.7;}
.overlay-icon{
  background:url(images/pros.png) no-repeat center;
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  opacity:0;
  top:2px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;  
}

[imanfakhar 26231]

شکل تصویر در صفحه باید این شکلی باشه

<div class="post-thumbnail">
<a >
<img />
<span class="overlay-icon"> </span>
</a>
</div>