درخواست کمک در خاصیت transition

این تاپیک 5 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  arman60 ،‏ 3 سال و 5 ماه پیش .

این تاپیک تاکنون 1007 بازدید داشته است .

نویسنده پست
شنبه ، 15 ژوئن 2013     1:21 ق.ظ #


arman60

Subscriber
3 پست2 تاپیک

سلام

من میخوام از transition در css استفاده کنم .

زمانی که موس روی border میره ارتفاع border در یک مدت زمان معین مثلا یک ثانیه بیشتر شه.

این کار انجام میشه اما ارتفاع به سمت پائین زیاد میشه در صورتی که من می خوام ارتفاع به سمت بالا اضافه شه.

چه راه حلی برای این کار وجود داره؟

1  تشکر
یکشنبه ، 16 ژوئن 2013     8:36 ق.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

سلام.

لطفا کدتون رو ارسال کنید تا بررسی کنم.

1  تشکر
یکشنبه ، 16 ژوئن 2013     9:29 ب.ظ #


arman60

Subscriber
3 پست2 تاپیک

div.box1 { width:50px; height:50px;color:#CCC; border:#006 solid 1px; background:#009; position:absolute; text-align:center; transition:heght 1s; -moz-transition:height 2s;

}
div.box1:hover { height:70px;

}

 

 

 

 

 

 

<div> this is a test </div>

 

 

 

اینم کد سجاد جان

0  تشکر
یکشنبه ، 16 ژوئن 2013     9:32 ب.ظ #


arman60

Subscriber
3 پست2 تاپیک

البته اینجا نمیدونم چرا class رو داخل تگ Div نشون نداد

تگ رو شما کامل در نظر بگیر

با تشکر

0  تشکر
دوشنبه ، 17 ژوئن 2013     10:03 ق.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

سلام.

در قسمت hover بجای height از padding-top استفاده کنید.

0  تشکر
دوشنبه ، 17 ژوئن 2013     11:41 ق.ظ #


arman60

Subscriber
3 پست2 تاپیک

نمیشه سجاد جان

تست کن ببین می تونی راه حلی پیدا کنی؟؟؟؟

0  تشکر
پست 1 تا 6 (از مجموع 6 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .