joom

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

9 پست در این موضوع

سلام دوستان

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

http://www.modernweb.ir/

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

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

ممنون

Share this post


Link to post
Share on other sites

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

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

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

-webkit-transform: scale(1.3);

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

ارسال شده در (ویرایش شده)

دوست عزیز مثلا شما کلاس دارین به اسم 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);
}

ویرایش شده در توسط blazhel
1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites

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

transition: all .3s;

Share this post


Link to post
Share on other sites
ممنون از شما میخواستم بدونم این برای چی هست؟

transition: all .3s;

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

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری