مشکل در رفت و برگشت حالت با تگ transition

[shayan 116]

سلام

این تاپیک موضوع سختی نیست ولی خوب من باهاش به مشکل بر خوردم

من از این کد ها استفاده کردم که وقتی موس میره روش یه اتفاقاتی میوفته ولی وقتی موس از روش برداشته میشه یهو مپره که نمیدونم چرا

میخوام به همون حالت و سرعت به پایان برسه

باید چیکار کنم؟

کد ها:

-moz-transition:0.7s;/*Moz*/
-webkit-transition:0.7s;/*Webkit*/
-ms-transition:0.7s;/*Ms*/
-o-transition:0.7s;/*O*/

ویرایش شده شهریور 92 توسط shayan

[Mohammad 1620]

به hover کلاس مورد نظرتون اضافه کنید:

-moz-transition:0.7s;/*Moz*/
-webkit-transition:0.7s;/*Webkit*/
-ms-transition:0.7s;/*Ms*/
-o-transition:0.7s;/*O*/

[shayan 116]

دوست عزیز تو قسمت هاور استفاده شده

ولی وقتی موس از روش برداشته میشه یهو مپره

میخوام به همون حالت و سرعت به پایان برسه

[Mohammad 1620]

دوست عزیز تو قسمت هاور استفاده شده

ولی وقتی موس از روش برداشته میشه یهو مپره

میخوام به همون حالت و سرعت به پایان برسه

پس به خود کلاس اضافه نمایید.

[shayan 116]

برادر من مشکل من کلاس و اینجور چیزا نیست

مشکل کدیه که گذاشتم

که میخوام جوری بشه که در صورت برداشتن موس از روی عنصر مورد نظر یک دفعه به حالت اول بر نگرده با همون سرعتی که تغییر کرد برگرده به حالت اول

ویرایش شده شهریور 92 توسط shayan

[Mohammad 1620]

شماباید کدهای transition رو هم در خود کلاس و هم در هاورش وارد کنید.

[imanfakhar 26231]

برادر من مشکل من کلاس و اینجور چیزا نیست

مشکل کدیه که گذاشتم

که میخوام جوری بشه که در صورت برداشتن موس از روی عنصر مورد نظر یک دفعه به حالت اول بر نگرده با همون سرعتی که تغییر کرد برگرده به حالت اول

کد را از hovber بردارید و بگذارید داخل کلاس مورد نظر درست می شه

همینطور می تونید برای hover اعدادی متفاوت بگذارید که زمان رفت و برگشت تفاوت کنه

[shayan 116]

تا چند روز دیگه آدرس آنلاین میزارم متوجه منظورم بشید

[shayan 116]

کل کد های استایل عنصر مورد نظر:

.menu-right {
direction:rtl;
float:right;
padding-right:295px;
margin-top:-400px;
font-family:"EntezareZohoor 1 **";
font-size:20px;
color:#999999;
line-height:45px;
list-style:circle;
text-shadow:4px 5px 7px #666;
}
.menu-left {
direction:ltr;
float:left;
margin-top:-400px;
padding-left:300px;
font-family:"EntezareZohoor 1 **";
font-size:20px;
color:#999999;
line-height:45px;
list-style:circle;
text-shadow: 4px 5px 7px #666;

}
li a:link {
text-decoration:none;
color:#f18800;
}
li a:visited {
color:#f18800;
}
li a:hover {
color:#FFF;
-moz-transition:0.7s;/*Moz*/
-webkit-transition:0.7s;/*Webkit*/
-ms-transition:0.7s;/*Ms*/
-o-transition:0.7s;/*O*/
font-size:28px;
opacity:0.6;
}
.menu-right li {
padding:3px 3px 3px 3px;
margin-top:10px;
}
.menu-left li {
padding:3px 3px 3px 3px;
margin-top:10px;
}
.menu-left li :hover {
background-color:#3acaf9;
border:solid #000 1px;
border-top-right-radius:8px;
border-bottom-left-radius:8px;
padding:3px 5px 3px 5px;
}
.menu-right li :hover {
background-color:#3acaf9;
border:solid #000 1px;
border-top-right-radius:8px;
border-bottom-left-radius:8px;
padding:3px 5px 3px 5px;
}

کجاش رو باید تغییر بدم؟؟

[imanfakhar 26231]

li a {
-moz-transition: all .7s linear .2s;
-o-transition:all .7s linear .2s;
-webkit-transition: all .7s linear .2s;
transition: all .7s linear .2s;
}
li a:link {
text-decoration:none;
color:#f18800;
}
li a:visited {
color:#f18800;
}
li a:hover {
color:#FFF;
font-size:28px;
opacity:0.6;
}

http://jsfiddle.net/uSxuL/#run

[shayan 116]

یه دونه ای استاد جان

مرسیییی