چطوری میتونیم ی باکس img مثل عکس زیر درست کنیم
مثل بورد عکس و کج بودن عکس سمت راست عکس فقط کج میباشد توضیح تصویر رو وارد کنید
پاسخها
7
@mohaligateway
این کار به سادگی داخل css شدنی هست ، برای بحث کج شدن عکس باید یک دایو (با بک گراند سفید) و پوزیشن بندی بیاد روی عکس اصلی نکتش اینه ک فقط برای محیط هایی شدنی هست که از گردیانت استفاده نکرده باشن و یک بک گراند ساده داشته باشن
سلام ، ظلع هایی که میخواسته تو رفتگی داشته باشه border radius مثلا ۷۰٪ داده
سلام فقط با
border radius نمیشه چون اگه دقت کنیم قسمت پایین عکس border گرفته فقط بقیه عکس کج میباشد
موضوع فقط کج کردن عکس هستش
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
سلام
این طراحی توسط svg clip mask انجام شده شما می تونید از svg ها استفاده کنید. اگر توی اینترنت سرچ بزنید می تونید مدل های مختلفی برای این کار پیدا کنید.
@delrobanet4196
@eniack
ممنون میشم نمونه کدش رو ارسال کنید من چند بار خواستم انجام بدم موفق نشدم
@mohaligateway البته بدون عکس انجام شد با بکگراند یک رنگ ولی وقتی عکس گذاشتم انجام نشد
می تونید از این وب سایت استفاده کنید.
این لینک هم خوبه
@delrobanet4196
ممنون از راهنماییتون ولی نمیتونم با svg این کار انجام بدم به این دلیل چون تمامی عکسای که در این پروژه استفاده شده از این نوع افکت پشتیبانی میکنه اگر بخوام svg استفاده کنم حجم کار به شدت میره بالا
@eniack