رفتن به مطلب

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


پست های پیشنهاد شده

سلام دوستان خوبید بنده یک کد 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;}

لینک به ارسال

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

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

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

لینک به ارسال

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

کد


.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;
}

لینک به ارسال

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


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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...