بزرگ شدن به صورت نرم

[joom 11]

سلام دوستان

انتهای سایت زیر رو بی زحمت نگاه کنید:

http://www.modernweb.ir/

دکمه خبرنامه رو نگاه کنید وقتی موس روش میره بزرگ میشه!!!

میشه دستورش رو بدید؟

ممنون

[saber 208]

سلام

اینجـــا نمونه کد داره میتونید استفاده کنید

اینم دموهاشون

[joom 11]

ممنون صابر جان

من هرکاری کردم نشد

مثلا برای بزرگ شدن گفته گد زیر رو تو حالت هاور بزار

-webkit-transform: scale(1.3);

من این کد رو قرار میدم اصلا فرقی نمیکنه مطمئنا دارم جایی رو یا انجام نمیدم یا اشتباه انجام میدم

ممنون میشم مثل همیشه کمکم کنی

[mmfallah 67]

من به اينصورت استفاده كردم

 <div class="box larger"> </div> 

تو اين دايو عكس را فراخوني كردم

اين كد را هم تو css قراردادم

 .larger:hover{ -webkit-transform: scale(1.3); } 

بزرگ ميشه ولي خب خيلي سريع. تغيير اعمال ميشه ولي اون حالت نرم خودش را نداره

[joom 11]

:yeah:آره ولی این درست نیست باید به صورت نرم بزرگ بشه

ممنون میشم کمک کنید:35:

[blazhel 16]

دوست عزیز مثلا شما کلاس دارین به اسم modern باید کد های زیر رو قرار بدین که هم به صورت نرم بزرگ وکوچیک بشه هم وقتی hover می شه بزرگ بشه

.modern
{

-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;

}

.modern:hover
{

-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}

ویرایش شده در آذر 91 توسط blazhel

[joom 11]

ممنون از شما میخواستم بدونم این برای چی هست؟

transition: all .3s;

[AHK95 10]

این دستور واسه ایجاد جلوه نرم حرکتی استفاده میشه.

[blazhel 16]

ممنون از شما میخواستم بدونم این برای چی هست؟

transition: all .3s;

دوست عزیز این همون دستوری است که می خواستین افکت مورد نظر به ارامی حرکت کنه بنده این افکت رو در دو کد هم قرار دادم به خاطر حرکت رفت وبرگشت