ایجاد بردارهای اسلیمی در وب

1 هفته پیش توسط مهران مرندی آپدیت شد
آفلاین
user-avatar
sandbox ( 80 تجربه )
2 هفته پیش

لینک کوتاه اشتراک گذاری

0

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

@websaz
@gomnam
@rezajahangir

آفلاین
user-avatar
مهران مرندی ( 16927 تجربه )
1 هفته پیش
تخصص : برنامه نویس PHP - laravel

لینک کوتاه اشتراک گذاری

0

بهتره طرح تصویر اسلیمی خودتون رو به svg تبدیل کنید
و با css زیر

.image-container:after
{
    opacity: .8;
    background-image: url(/image.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

کلاس image-container باید در یکی از والد های اون بخشی که میخوایید این تصویر روی اون نمایش داده بشه باشه.
درجه شفافیت رو میتونید تغییر بدید

برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.