رفتن به مطلب

محو شدن هنگام hover ماوس


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

درود

فرضا" من تعدادی ایکون فراخوانی کردم

میخوام وقتی ماوس روی اونها قرار می گیره

بصورت آرام آرام , محو بشن تا opacity 50%

کد css اون نیازمه

لینک به ارسال

کد سازگار با همه مرورگرها :


-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
transition:linear all 0.5s;
-webkit-transition:linear all 0.5s;
-moz-transition:linear all 0.5s;
-o-transition:linear all 0.5s;

لینک به ارسال
  • 4 هفته بعد...

کد سازگار با همه مرورگرها :


-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
transition:linear all 0.5s;
-webkit-transition:linear all 0.5s;
-moz-transition:linear all 0.5s;
-o-transition:linear all 0.5s;

وقتی موس رو از روش بر می داریم سریع به حالت اول بر می گرده، می شه اونم به تدریج به opacity قبلیش برگرده؟

لینک به ارسال
وقتی موس رو از روش بر می داریم سریع به حالت اول بر می گرده، می شه اونم به تدریج به opacity قبلیش برگرده؟

به کد های قبل از هاور شدن این عناصر رو اظافه کنید ...


transition:linear all 0.5s;
-webkit-transition:linear all 0.5s;
-moz-transition:linear all 0.5s;
-o-transition:linear all 0.5s;

لینک به ارسال

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

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

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

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

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

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

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

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

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