راکت
ali kh
ali kh
توسط ali kh مطرح شد
حل
7 پاسخ

چطوری میتونیم ی باکس img مثل عکس زیر درست کنیم

مثل بورد عکس و کج بودن عکس سمت راست عکس فقط کج میباشد توضیح تصویر رو وارد کنید


ثبت پرسش جدید
فرشید مرادی
فرشید مرادی
تخصص :noob
@eniack5 سال پیشمطرح شد
1

@mohaligateway
این کار به سادگی داخل css شدنی هست ، برای بحث کج شدن عکس باید یک دایو (با بک گراند سفید) و پوزیشن بندی بیاد روی عکس اصلی نکتش اینه ک فقط برای محیط هایی شدنی هست که از گردیانت استفاده نکرده باشن و یک بک گراند ساده داشته باشن


فرشید مرادی
فرشید مرادی
تخصص :noob
@eniack5 سال پیشمطرح شد
0

سلام ، ظلع هایی که میخواسته تو رفتگی داشته باشه border radius مثلا ۷۰٪ داده


ali kh
ali kh
@delrobanet41965 سال پیشمطرح شد
0

سلام فقط با
border radius نمیشه چون اگه دقت کنیم قسمت پایین عکس border گرفته فقط بقیه عکس کج میباشد
موضوع فقط کج کردن عکس هستش


moha li
moha li
تخصص :توسعه دهنده لاراول و Vue
@mohaligateway5 سال پیشمطرح شد
1

سلام
این طراحی توسط svg clip mask انجام شده شما می تونید از svg ها استفاده کنید. اگر توی اینترنت سرچ بزنید می تونید مدل های مختلفی برای این کار پیدا کنید.
@delrobanet4196
@eniack


فرشید مرادی
فرشید مرادی
تخصص :noob
@eniack5 سال پیشمطرح شد
1

@mohaligateway
این کار به سادگی داخل css شدنی هست ، برای بحث کج شدن عکس باید یک دایو (با بک گراند سفید) و پوزیشن بندی بیاد روی عکس اصلی نکتش اینه ک فقط برای محیط هایی شدنی هست که از گردیانت استفاده نکرده باشن و یک بک گراند ساده داشته باشن


ali kh
ali kh
@delrobanet41965 سال پیشمطرح شد
0

ممنون میشم نمونه کدش رو ارسال کنید من چند بار خواستم انجام بدم موفق نشدم
@mohaligateway البته بدون عکس انجام شد با بکگراند یک رنگ ولی وقتی عکس گذاشتم انجام نشد


moha li
moha li
تخصص :توسعه دهنده لاراول و Vue
@mohaligateway5 سال پیشمطرح شد
1

می تونید از این وب سایت استفاده کنید.
این لینک هم خوبه
@delrobanet4196


ali kh
ali kh
@delrobanet41965 سال پیشمطرح شد
0

ممنون از راهنماییتون ولی نمیتونم با svg این کار انجام بدم به این دلیل چون تمامی عکسای که در این پروژه استفاده شده از این نوع افکت پشتیبانی می‌کنه اگر بخوام svg استفاده کنم حجم کار به شدت می‌ره بالا
@eniack


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

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