راهنمایی برای پروژه

سلام
تصویر رو فراموش کردید.
@farhadi

@mohaligateway ارادت
همون دانلود فایل که پایین گذاشتم دیگه

بنظر باید جالب بشه

@hesammousavi
جناب موسوی خوشحال میشم راهنمایی بفرمایید

سلام دوست عزیز
@farhadi
به نظر من تو پیاده سازی این پروژه css نقش پررنگ تری داره تا js ولی خوب با js میشه پیداش کرد.
و نکته بعدی اینه که نمیخواد از کتابخونه ای مثل bootstrap استفاده کنی چون زیاد به دردت نمیخوره و اکثر افکت ها و حرکات خودت باید پباده سازی کنی اگرم میخوای از کتابخونه استفاده کنی مثلا میتونی از pure استفاده کنی که حجم کمی داره

و برای js پیشنهاد میکنم تب های خودتو کلاس بندی کنی و تا راحت تر باشه حالا با webpack یا ...

من این مدل پروژه ها رو پیاده سازی نکردم ولی به هر حال نظرمو گفتم که امیدوارم به دردت خورده باشه

@farhadi
اول بگم که هر کاری با html css js قابل طراحیه و مشکلی نیست
یکی از راه برای اینکار ، ایجاد یک holder هست که داخلش المنت های html رو قرار بدید؛ بعد بیاید و یک svg wave curve رو دانلود بکنید
یا میتونید از این ابزار استفاده کنید و svg رو در کنار holder قرار بدید و با فلکس منظمشون کنید
اون انیمیشن سوییچ هم راحت قابل پیاده سازیه، با jquery و addClass میشه خیلی راحت اینکارو انجام داد

یه راه دیگه هم هست ولی که میتونی به جای svg به holder border-radius بدی
این مثال رو ببین تا متوجه بشی

اگر چیزی مبهم بود، همینجا بگو تا رفعش کنیم

@aramnima50
ممنونم بابت راهنمایی خوبتون. ترجیح می دم از همون svg استفاده کنم برای رسم اون منحنی .
حالا بفرمایید چطور میتونم اون انیمیشن رو پیاده سازی کنم؟

سلام
شما برای طراحی این کار بهتره از css استفاده کنید و bootstrap مناسب اینجور کار ها نیست و به جای jquery از js استفاده کنید بهتره.
شما به جای css از Tailwind هم می تونید استفاده کنید واقعا فریمورک باحالیه کارتونم سریع تر پیش میره.

این لینک می تونه کمکتون کنه.

@farhadi