joom

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

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

سلام دوستان

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

http://www.modernweb.ir/

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

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

ممنون

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

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

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

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

-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

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

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

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

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


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

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

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


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