چک باکس ها

چک باکس های باور نکردنی

در اینجا قصد نمایش چند دمو که ظاهر یک چک باکس به طور خلاقانه در آنها تغییر یافته است را داریم. اگر با ساخت همچین چک باکس هایی در css آشنایی ندارید به این مطلب برای یادگیری مراجعه کنید.

 

See the Pen Toggle Rebound by Mojtaba Seyedi (@seyedi) on CodePen.

 

 

See the Pen Pure CSS button switch by Mojtaba Seyedi (@seyedi) on CodePen.

 

 

See the Pen Button by Mojtaba Seyedi (@seyedi) on CodePen.

 

 

See the Pen Switching by Mojtaba Seyedi (@seyedi) on CodePen.


 

 

See the Pen FUN by Mojtaba Seyedi (@seyedi) on CodePen.

 

 

See the Pen Funny toggle switch by Mojtaba Seyedi (@seyedi) on CodePen.

 

دموی زیر توسط Rafael González ساخته شده است:

 

See the Pen Pure CSS Toggles by Rafael González (@rgg) on CodePen.

 

و این دمو توسط Benjamin Réthoré ساخته شده است:

 

See the Pen Pure Css “day and night” toggle by Benjamin Réthoré (@bnthor) on CodePen.

 

 

سازنده دموی زیر Nail Davlyatchin می باشد:

 

See the Pen Shiny Toggle Switches by Nail Davlyatchin (@nDav) on CodePen.

 

 

سازنده دموی زیر Justin Windle می باشد:

 

See the Pen Squishy Toggle Buttons by Justin Windle (@soulwire) on CodePen.

 

مرورگرهای قدیمی

اگر برایتان سوال پیش آمده است که آیا می توان با توجه به وجود مرورگرهای ie از این طرح ها در پروژه های دنیای واقعی استفاده کرد؟ در جواب کوتاه باید گفت بله. برای فهمیدن راه حل به مطلب css با طعم ie مراجعه کنید.

شما هم می توانید کارهای خودتان را در قسمت نظرات معرفی کنید.