افکت دکمه ای این سایت با چه روشی ایجاد شده؟؟؟
سوال جدیدافکت button های این سایت با چه روشی ایجاد شده؟؟ به این صورت که با hover شدن button ها رنگ پس زمینه ی آن ها به صورت انیمیشن تغییر رنگ میده. ممنون میشم اگر پاسخ بدید….
لینک سایت: http://www.geramison.ir/
من خودم با ترنزیشن و js شبیهش رو ساختم که میتونید توی لینک زیر مشاهده کنید ولی فکر نمیکنم ک از این روش استفاده کرده باشه…
بفرما دوست عزیز:
بازم اگ سوالی داشتید خوشحال میشم کمکتون کنم
برای ساخت این دکمه اصلا نیازی به جاوا اسکریپت نداری ک
نمیشه اینجا توضیح داد
@G_alirexxa آیدی تلگراممه بیا اونجا بهت کمک میکنم
دوست عزیز لینک سایت رو ک قرار ندادی 😄
اما در کل ما هیچوقت از تگ button برای ایجاد دکمه ها استفاده نمیکنیم!
اگر میخوای یه دکمه شیک بسازی باید با تگ a یه لینک بسازی و ویرایشش کنی
باید مقدار display رو برابر با inline-block بزاری و بعد بهش عرض و ارتفاع و پدینگ و مارجین و بک گراند کالر میدی!
بعد میتونی تنظیم کنی ک باهاور شدن ماوس ؛ رنگ پس زمینه عوض بشه
آخ ببخشید یادم رفت لینک رو قرار بدم. بله دقیقا باید با تگ a ساخت. منتهی خواستم دکمه ننویسم یهو شد button
http://www.geramison.ir
الان این دکمه های اولی که داخل banner سایت قرار داره رو من با js ساختم ولی حس میکنم روش ساختش کلا متفاوته چون به صورت انیمیشین اجرا میشه.
اینم لینک دکمه هایی ک ساختم
https://jsbin.com/wacakikiwi/edit?html,css,js,output
منظورتون کدوم سایت هست،!؟ فکر می کنم لینک سایت رو فراموش کردید اضافه کنید