رفتن به مطلب

افکت 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>

لینک به ارسال

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

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

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

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

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

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

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

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

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