• 01-07-2017, 13:37:31
    #1
    Merhabalar,

    Şöyle bir şey yapmak istiyorum ancak araştırmalarıma rağmen nasıl yapabileceğimi bulamadım.

    Seçtiğim bir resmin boyutları 250 genişlik ve 500 yükseklikte olsun.
    Bu resim alanıma yüklediğim resmin boyutlarının örnekle, 150x500 olması durumunda kalan 100 px lik (50 sağda ve 50 solda) genelde siyah görünür. Bu kısım için şöyle bir işlem yapmak mümkün müdür?

    Siyah kısmı, yine yüklenen resmin buğulanmış ve 250x500 boyutlarında genişletilmiş halini resmin arkasına eklemek ve böylelikle resmimin genişliği 250px den az olması halinde en-boy oranını bozmadan hoş bir görüntü elde etmek.

    (Eğer resmim 250x250 boyutlarında olursa buğulanma olmamasını istiyorum. Yani bu seferde alt kısımda oluşan 250 px lik boşluk yerine bir şey gelmesin.)

    Yardımcı olursanız sevinirim.
  • 01-07-2017, 13:55:13
    #2
    backgrounda da aynı gorseli koyacaksın ve blur efekti vereceksin. css blur yazarsan bir sürü kaynak var
  • 01-07-2017, 14:38:44
    #3
    Üst üste yapışmış 2 div ile yapabilirsin her 2 divinde background-image özelliğini aynı yapıp arkadaki div'e filter:blur koymayı dene z-indexlerini ayarla

    Ek olarak css'e backgrop-filter özelliği gelecek fakat henüz şuan test aşamasında
    https://developer.mozilla.org/en-US/...ackdrop-filter
  • 01-07-2017, 21:39:29
    #4
    İstediğin şöyle bir şey sanırım: https://codepen.io/mapacarta/pen/jwzmBp
  • 02-07-2017, 00:48:30
    #5
    mapacarta adlı üyeden alıntı: mesajı görüntüle
    İstediğin şöyle bir şey sanırım: https://codepen.io/mapacarta/pen/jwzmBp
    Evet, bir sürü böyle örnek gördüm aralarından harmanlayabilirim.
    Vikipedi adlı üyeden alıntı: mesajı görüntüle
    Üst üste yapışmış 2 div ile yapabilirsin her 2 divinde background-image özelliğini aynı yapıp arkadaki div'e filter:blur koymayı dene z-indexlerini ayarla

    Ek olarak css'e backgrop-filter özelliği gelecek fakat henüz şuan test aşamasında
    https://developer.mozilla.org/en-US/...ackdrop-filter
    Teşekkür ederim destekleriniz için.