رفتن به مطلب

افکت css


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

سلام

این سایت sahandsport.ir رو ببینید

قسمت وسط وقتی که با موس روی هر قسمت میری بقیه قسمت ها کم رنگ میشه

من هرچی تو کداش نگاه کردم به نظرم کار جاوااسکریپت نیست

احتمالا css هست. یک کد دستی تو divش گذاشته که با حرکت موس اون کد دستی تغییر میکنه

ویرایش شده توسط merhzar_h
لینک به ارسال

در style.css


.div1 img {
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.div1:hover img {
opacity: .30;
-moz-opacity: .30;
-webkit-opacity: .30;
-khtml-opacity: .30;
-ms-filter: "Alpha(opacity=30)";
filter: Alpha(opacity=30);
}
.div1:hover img:hover {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-ms-filter: "Alpha(opacity=100)";
filter: Alpha(opacity=100);
}

در صفحه


<div class="div1">
<img src="..." />
<img src="..." />
<img src="..." />
<img src="..." />
<img src="..." />
<img src="..." />
</div>

  • امتیاز 7
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...