صفحه ورزشی تعاملی سبک کیپ

چطور با یک فایل HTML ساده، صفحه ورزشی تعاملی بسازید که عضلات را با کلیک نمایش دهد؟

چرا جواب می‌دهد

• استفاده از SVG تعاملی باعث جذابیت و فهم بهتر عضلات می‌شود
• فیلترهای جنسیت، سطح و تجهیزات برای شخصی‌سازی تمرینات کاربردی است
• طراحی تک‌فایلی با Tailwind و جاوااسکریپت سرعت توسعه و اجرا را افزایش می‌دهد

✏️ برای خودتان، متن و نوع فیلترها (مثلاً نوع ورزش یا هدف تمرینی) را تغییر دهید

Build a Keep-style Chinese fitness page with a clean, modern UI, an interactive SVG body (front/back views, where clicking a muscle highlights it), Chinese filters (gender/level/equipment), and exercise cards. Deliver it as a single HTML file using Tailwind + JavaScript.

کجا اجرا کنید

اپ Gemini یا Google AI Studio

مناسب برای

ساخت صفحات ورزشی تعاملی و شخصی‌سازی‌شده

برچسب‌ها

#ورزش #تعامل #HTML #SVG #Tailwind

✍️ 老白（每日干货分享✊） · پست اصلی · CC BY 4.0