css-only-dropdowns : ساخت منوی باز شو با CSS

- visibility ٠ mode_comment

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ترفند سریع قرار داده که چطور میتونیم با استفاده از ul و یک checkbox یک dropdown رو با CSS شبیه سازی کنیم. روش کلی به این صورت هست که در ابتدا منو و چک باکس مخفی هست و زمانی که بر روی label کلیک میشه اون چک باکس تیک میخوره و با توجه به اینکه ما در CSS کدی رو نوشتیم که در صورت تیک خوردن چک باکس منو رو نمایش بده ، منو نمایش داده میشه و شبیه به یک dropdown انجام میشه.

برای شروع وارد سایت css-only-dropdowns بشین.cssdropdown

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

موفق باشید.

یا علی

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

نیاز به لاگین

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