ساخت انیمیشن با css3

[punisher 10]

سلام

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

سوال:مثلا من می خوام برای قسمت کلیک بر روی باکس جستجو عرض اون دوبرابر بشه واین کار سریع صورت نگیره و صورت انیمیشن آرام انجام بشه.

چی کار بکنم؟

[amin.poorsaeed 26]

برای اینکار باید از transition استفاده کنید برای مثال اگر کلاس جعبه جستجو search باشه باید کد

-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;

برای این کلاس بنویسید و برای قسمت های search:hover ، search:active یا search:focus مقدار عرض رو تعریف کنید برای مثال width:200px تا تغییر به صورت آهسته انجام بشه

[punisher 10]

برای اینکار باید از transition استفاده کنید برای مثال اگر کلاس جعبه جستجو search باشه باید کد

-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;

برای این کلاس بنویسید و برای قسمت های search:hover ، search:active یا search:focus مقدار عرض رو تعریف کنید برای مثال width:200px تا تغییر به صورت آهسته انجام بشه

دوست عزیز من این کد با عرض 200 پیکسل به hover اظافه کردم هیچ اتفاقی نیافتاد

چیزی دیگه باید اظافه کرد؟

[amin.poorsaeed 26]

آدرس بدین بررسی کنم

[poter 10]

این لینکی که گذاشتم رو ببین حتما کمکت می کنه

Tryit Editor v1.8

یاعلی