بزرگ شدن textbox [بایگانی]

omidparkour

جمعه 27 تیر 1393, 01:59 صبح

سلام
من یه textbox دارم و کد زیر رو برای اینکه وقتی روش کلیک شد بزرگ بشه نوشتم:

.search:focus{ float:left; margin-left:150px; height:40px; width:200px;
}
حالا میخوام به جای اینکه در یک لحظه بزرگ بشه و در یک لحظه کوچیک حرکت داشته باشه موقع بزرگ شدنش
چی باید بکنم؟:متفکر:

mohamad_torabi

جمعه 27 تیر 1393, 02:02 صبح

سلام
من یه textbox دارم و کد زیر رو برای اینکه وقتی روش کلیک شد بزرگ بشه نوشتم:

.search:focus{ float:left; margin-left:150px; height:40px; width:200px;
}
حالا میخوام به جای اینکه در یک لحظه بزرگ بشه و در یک لحظه کوچیک حرکت داشته باشه موقع بزرگ شدنش
چی باید بکنم؟:متفکر:
از انیمیشن های css3 استفاده کنید

omidparkour

جمعه 27 تیر 1393, 02:27 صبح

:متفکر:
من از کد زیر استفاده کردم نشد چه کدی استفاده کنم؟
-moz-transition-duration: 0.2s, 0.2s; -o-transition-duration: 0.2s, 0.2s;
-ms-transition-duration: 0.2s, 0.2s;
-webkit-transition-duration: 0.2s, 0.2s;

SlowCode

جمعه 27 تیر 1393, 06:00 صبح

از این کد استفاده کن.
.search{transition: all ease .2s;}

Gh-Moradi

جمعه 27 تیر 1393, 07:00 صبح

لطفآ کدتون رو بصورت کامل قرار بدید تا بهتر بررسی بشه...

omidparkour

جمعه 27 تیر 1393, 15:28 عصر

مشکل از یه چیز دیگه بود که اوکی شد