استایل زیبا برای radio و checkbox ( قسمت 1 )

- visibility ١ mode_comment

در این مطلب و مطلبهای بعدی میخوام چند استایل زیبا رو براتون قرار بدم.

کدهای HTML :

 کدهای CSS :

کدهای CSS همه قسمت ها شبیه به هم هستند. اگر کسی خواست فقط یکی از این استایل ها رو داشته باشه ، میتونه اضافه هارو حذف کنه.

 کدهای Javascript :

ما در این مطلب از SVG استفاده کردیم. که همه مسیرها ( Path ) رو در یک فایل جاوا اسکریپت میزاریم که به وسیله جاوا اسکریپت به Checkbox و Radio نسبتشون بدیم.

این فایل رو از قسمت آخر همین مطلب میتونین دانلود کنید و به صورت زیر اونو به آخر فایل HTML خودتون اضافه کنید:

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

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

Source

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

سلام
چرا برای اسکرول سایت شما در مرورگر سافاری ایپد گیر می کنه ؟
ممنون

نیاز به لاگین

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