• 29-05-2023, 01:55:04
    #1
    Merhaba. Bu sitedeki dalgalanma şeklini nasıl yapmışlar. SVG kodları çıkıyor biraz inceledim aslında ama yine de tam nasıl yapıldığı konusunda pek bir fikire sahip olamadım. Lütfen burayı demeyin çünkü burayı ben de biliyorum zaten.

    https://bennettfeely.com/

    Demo: https://templatemo.com/live/template...tiya_golf_club
  • 29-05-2023, 01:56:05
    #2
    Dalgalanma dediğin zaman, insanın aklına Google güncellemeleri geliyor.
  • 29-05-2023, 01:58:17
    #3
    hocam bölüm bölüm tasarlayıp oraya resim koyabilirsin. sayfanın en yukarısına çıkınca header arka plan rengi kayboluyor saydamlaşıyor.
    dalgalı resim ile birleşmiş gibi duruyor.
    svg çevirmelerinin sebebi görüntü kalitesinden diye düşünüyorum. kısaca resimle haledebilirsin.
  • 29-05-2023, 02:01:35
    #4
    adwerd0z1 adlı üyeden alıntı: mesajı görüntüle
    hocam bölüm bölüm tasarlayıp oraya resim koyabilirsin. sayfanın en yukarısına çıkınca header arka plan rengi kayboluyor saydamlaşıyor.
    dalgalı resim ile birleşmiş gibi duruyor.
    svg çevirmelerinin sebebi görüntü kalitesinden diye düşünüyorum. kısaca resimle haledebilirsin.
    Nasıl yani hocam buna örnek verebilir misiniz? Ya da bunu anlatan bir kanal varsa girip bakmak isterim bu tarz effekt dalgalı şeyleri anlatan CSS de?
  • 29-05-2023, 02:30:26
    #5
    Css ?
  • 29-05-2023, 02:31:59
    #6
    Misafir adlı üyeden alıntı: mesajı görüntüle
    Css ?
    Evet hocam.
  • 29-05-2023, 02:41:37
    #7
    Arkaplan resmi section üzerine tanımlanmış. Section içerisine 2 tane svg yerleştirilip position absolute yapılarak section içerisine konumlandırılmış. Temel mantık svgleri section içine güzel bir şekilde oturtmak ve section büyüklüğünü contentine göre yeniden boyutlandırmak. Aşağıda küçük bir örnek bıraktım.

    https://jsfiddle.net/b178cnxs/
  • 29-05-2023, 02:52:59
    #8
    AliFurkan adlı üyeden alıntı: mesajı görüntüle
    Arkaplan resmi section üzerine tanımlanmış. Section içerisine 2 tane svg yerleştirilip position absolute yapılarak section içerisine konumlandırılmış. Temel mantık svgleri section içine güzel bir şekilde oturtmak ve section büyüklüğünü contentine göre yeniden boyutlandırmak. Aşağıda küçük bir örnek bıraktım.

    https://jsfiddle.net/b178cnxs/
    Teşekkürler hocam.