campaign-Ghorban-to-Ghadir

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



visibility  
mode_comment   ۰

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

کدهای HTML :

 کدهای CSS :

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

 کدهای Javascript :

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

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

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

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

Source

متخصص جاوا اسکریپت
با جاوا اسکریپت جادوگری کنید! آیا می دونید با زبان جاوااسکریپت می تونید، برای فرانت اند و بک اند وبسایت ها برنامه نویسی کنید؟ همینطور اپلیکیشن دسکتاپ و موبایل بسازید؟ اگر دوست داری اینکارها رو انجام بدی و React, ElectronJS, ReactNative, NodeJS,MongoDB و ... رو تو یه دوره یاد بگیری، متخصص جاوااسکریپت سون لرن رو حتما ببین : متخصص جاوا اسکریپت arrow_back
7Learn Experts
comment دیدگاه کاربران

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :