Soh3illl
2 هفته پیش توسط Soh3illl مطرح شد
3 پاسخ

مشکل در پیاده سازی هیرو

سلام دوستان
وقتتون به خیر باشه
من در حال حاضر دارم روی پیاده سازی طرحی کار می کنم که طراح برام فرستاده.
طراحی دسکتاپ به صورت زیر هست :
 تصویر
و طراحی برای موبایل هم به صورت زیر :‌
 تصویر

مشکلی که من دارم توی پیاده سازی تصویر هیرو هستش. طراحی با فیگما انجام شده بود. از طریق فیگما تصویر دونده رو به صورت png خروجی گرفتم. و بقیه قسمت ها رو مثل کادر دور، ستاره و شکل برگ و ... به به صورت دسته جمعی خروجی svg گرفتم.

برای پیاده سازی هم از tailwind استفاده می کنم.
ممنون میشم که راهنمایی بفرمایید که این بخش رو چه طوری پیاده سازی کنم.


ثبت پرسش جدید
مهدی
تخصص : توسعه دهنده فرانت اند
@mehdi8686h 2 هفته پیش مطرح شد
1

درود دوست عزیز
اگه درست منظور شما رو متوجه شده باشم وقتی که جدا تصویر دونده و تصاویر دیگه رو خروجی گرفتی در قرار گیری این موارد تو جای درست به مشکل خوردی
خب در این حالت بنظرم بهتره که یجا تمامی تصاویر رو خروجی بگیری در غیر این صورت خب باید با position absolute, relative و اینا این قسمت رو هندل کنی


Soh3illl
تخصص : برنامه نویس php
@soh3illl 2 هفته پیش مطرح شد
1

سلام و عرض ادب
بله دقیقا مشکلم قرار دادنشون توی جای درست بود. ولی خوب بعد از تلاش های فراوان که دیدم نتیجه نمیده آخر سر کل کار رو خروجیpng گرفتم و قرار دادم.
ولی خوب هدفم از اینکه که تصویر بک گراند رو جدا و تصویر دونده رو هم جدا قرار بدم برای انیمیشن دادن بود که کلا با دردسری که داشت بی خیال شدم.


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 2 هفته پیش مطرح شد
1

درود خوبی...
برای انجام این کار باید با مدیا کوئری CSS یا گرید تلی ویند آشنا شوید.
کار سختی نیست.
تمرین کنید, یاد می گیرید.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام