مشکل در پیاده سازی هیرو
سلام دوستان
وقتتون به خیر باشه
من در حال حاضر دارم روی پیاده سازی طرحی کار می کنم که طراح برام فرستاده.
طراحی دسکتاپ به صورت زیر هست :
و طراحی برای موبایل هم به صورت زیر :
مشکلی که من دارم توی پیاده سازی تصویر هیرو هستش. طراحی با فیگما انجام شده بود. از طریق فیگما تصویر دونده رو به صورت png خروجی گرفتم. و بقیه قسمت ها رو مثل کادر دور، ستاره و شکل برگ و ... به به صورت دسته جمعی خروجی svg گرفتم.
برای پیاده سازی هم از tailwind استفاده می کنم.
ممنون میشم که راهنمایی بفرمایید که این بخش رو چه طوری پیاده سازی کنم.
پاسخها
3
درود دوست عزیز
اگه درست منظور شما رو متوجه شده باشم وقتی که جدا تصویر دونده و تصاویر دیگه رو خروجی گرفتی در قرار گیری این موارد تو جای درست به مشکل خوردی
خب در این حالت بنظرم بهتره که یجا تمامی تصاویر رو خروجی بگیری در غیر این صورت خب باید با position absolute, relative و اینا این قسمت رو هندل کنی
سلام و عرض ادب
بله دقیقا مشکلم قرار دادنشون توی جای درست بود. ولی خوب بعد از تلاش های فراوان که دیدم نتیجه نمیده آخر سر کل کار رو خروجیpng گرفتم و قرار دادم.
ولی خوب هدفم از اینکه که تصویر بک گراند رو جدا و تصویر دونده رو هم جدا قرار بدم برای انیمیشن دادن بود که کلا با دردسری که داشت بی خیال شدم.
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
درود خوبی...
برای انجام این کار باید با مدیا کوئری CSS یا گرید تلی ویند آشنا شوید.
کار سختی نیست.
تمرین کنید, یاد می گیرید.