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

[محمدمهدیـ 122]

درود

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

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

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

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

[mr123 176]

{opacity:0.5 ; transition:linear all 0.5s ; -webkit-transition:linear all 0.5s ;}

[Ghasem Paran 333]

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

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

[محمدمهدیـ 122]

ممنون

اگر عکس باشه چطور ؟‌

همینطور میشه ؟‌

[Mohammad 1620]

ممنون

اگر عکس باشه چطور ؟‌

همینطور میشه ؟‌

برای کل المان‌ها عمل میکنه!

[MOHCEN 3]

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

-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 قبلیش برگرده؟

[Alireza Xn 1644]

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

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

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