افکتهای هاور زیبا برای button ( نمونه 7 )

- visibility ۶ mode_comment

در این مطلب میخوام نمونه 7 از دکمه رو در اختیارتون بزارم.

buttonStyle7

 

میبینید که هر زمان روی دکمه مورد نظر هاور میکنید ، افکت زیبایی رخ میده.

کدهای HTML :

 کدهای CSS مشترک بین همه دکمه ها :

 کدهای مخصوص این دکمه :

امیدوارم خوشتون اومده باشه.

موفق باشید. یا علی

Source

comment دیدگاه کاربران
rezad91

سلام
اول تشکر بابت این کدهای خوبی که میزارید.
دوم اگر ما این حجم کد را در یک قالب به کار ببریم قالب رو سنگین نمیکنه ؟ شما فکر کنید که توی یه سایت چندین button استفاده کنیم چی میشه….

محمد اسفندیاری

سلام قربان
کدهای CSS ثابت هستن و همین چند خط هستن……چه 1 دکمه بزارید چه 1000 دکمه ، کد CSS دیگه ای لازم نیس
فقط کافیه که کلاس مورد نظر رو به دکمه بدین
فایل CSS حجمش تا 40 کیلوبایت هم باشه خیلی خوبه…..یادتون باشه اونو فشرده و minify کنید
سرعت اینترنت هم نسبت به گذشته بهتر شده
نگران نباشید
موفق باشید

Mani Soft

عالی بود
در صورت امکان کدهای سه دایره موجود در هدر لینک زیر را هم قرار دهید
http://webwest.com.au/

محمد اسفندیاری

بفرمایید دوست عزیز
http://s.7Learn.com/uploads/2015/04/sample.zip
موفق باشید

Mani Soft

بسیار ممنونم
اگر ممکنه بفرمائید نکته رو بلد نیستم
میخوام هر دایره کلا لینکدار بشه
چه کدی رو و کجا بزارم ؟

محمد اسفندیاری

باید در هر دایره یک لینک قرار بدین و کدهای css زیر رو بهش بدین
display : block
height: 100%
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.