Bu tarz bir tasarımı nasıl yapabiliriz?

Merhabalar ,

Forumda yeniyim konuyu yanlış yere açtıysam şimdiden kusura bakmayın.

Şimdi benim hastası olduğum bir kaç tasarım şekli var biraz araştırma sonucu bu tarz tasarım çalışmalarını css ile yapılabileceği söylendi özellikle ana fotoğraflardaki çizikli tasarım sanki PS de brush kullanılmış gibi Demek istediğim buradaki linkteki tasarımda daha belirgin --> (https://tr.pinterest.com/pin/358669557814773983/) */
Bilgisi olan arkadaşlar var mı ? Varsa fikir verebilirler mi acaba? Şimdiden teşekkürler.
İyi akşamlar...




Linki şöyle bıraktım
https://tr.pinterest.com/pin/440860251014958166/

O kısımları arkaplana göre örneğin beyaz arkaplan varsa brushu beyaz şekilde kullanıp, arkasını transparan bırakmanız gerekiyor daha sonra resmin üstüne en aşağı veya duruma göre en yukarı hizalayıp css ile yaptırabilirsiniz. bu şekilde arkadaki resmi isterse dinamik yapabilirsiniz, background-position:center center şeklinde de yazarsanız hem mobil hem pcde daha güzel bir sonuç alırsınız.

Teşekkür ederim denicem en kısa zamanda

Benim de hosuma gidiyor takipteyim.

Denedim de çok fazla başarılı olamadım bence daha farklı bir yöntemi var bu tarz çalışan bir arkadaş varsa aslında yardımcı olabilir. Çok fazla da kaynak yok biraz araştırdım da pek fazla birşey yok

Va rmı arkadaşlar başka yardımcı olabilecek arkadaş

o brush dediğin alanlar css ile yapılmaz. png olarak siteye bg veya before/after olarak ekleyebilirsin. Slider altındaki div'e o brush'u ekleyip position center top dediğin zaman işlem tamamdır. Div'e padding-top vererek iç boşluğu, margin-top -(eksi) 10px rakam kullanarakta slider üzerine çıkarabilirsin brush'u.

Bg olarak kullanmak istemezsen eğer, div:before, veya div:after ile işini görebilirsin, örnek kullanım yazıyorum aşağıya.

.white_div:before{
content:"";
top:0;
left:0;
right:0;
background-image:brush.png;
width:100%;
height:boyutpx;
z-index:2;(duruma göre kullanılabilir.)
}
Duruma göre top'u -(eksi) ile yukarı çekebilirsin.