• 13-02-2021, 20:51:11
    #1
    Merhabalar iyi forumlar. Resimdeki şekli tam sayfa 1440x768 px boyutlarında css ile nasıl yapabilirim. Framework fark etmez düz css bootstrap tailwindcss ile de olabilir.
    Şekildeki A ve B noktası arası tam sayfa boyutunun %20 si kadar C ve D noktası arası ise sayfa boyutunun %80 i kadar olacak ve tamamen responsive yapmalıyım . Yardımlarınız için şimdiden teşekkürler iyi forumlar.
  • 13-02-2021, 20:53:38
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Merhabalar, clip path ile yapabilirsiniz, veya before, after pseudo elementleri ile ucgen olusturup kenara ekleyebilirsiniz
  • 13-02-2021, 20:54:05
    #3
    https://bennettfeely.com/clippy/
    sağ taraftan trapezoid'ı seçip yapabilirsin.
  • 13-02-2021, 20:55:32
    #4
    Clip path ile yapabilirsiniz;

    clip-path: polygon(80% 0, 100% 0, 100% 100%, 20% 100%);
  • 13-02-2021, 21:08:55
    #5
    sefacandemir adlı üyeden alıntı: mesajı görüntüle
    Clip path ile yapabilirsiniz;

    clip-path: polygon(80% 0, 100% 0, 100% 100%, 20% 100%);
    Clip path ile denedim oluyor fakat responsivede telefon boyutunda bozuluyor
  • 13-02-2021, 21:17:08
    #6
    Cevaplarınız için teşekkür ederim ama clip path işimi görmedi maalesef başka bir yöntem var mı acaba ?
  • 13-02-2021, 21:31:22
    #7
    cemaltekin adlı üyeden alıntı: mesajı görüntüle
    Clip path ile denedim oluyor fakat responsivede telefon boyutunda bozuluyor
    Dostum en basit ve sağlıklı yöntem clip path ile olur.
    css media query özelliğini kullanarak mobil tasarımdaki sorunları çözebilirsin.
  • 13-02-2021, 22:12:10
    #8
    sawacrow adlı üyeden alıntı: mesajı görüntüle
    Dostum en basit ve sağlıklı yöntem clip path ile olur.
    css media query özelliğini kullanarak mobil tasarımdaki sorunları çözebilirsin.
    Teşekkür ederim dostum çözdüm sayılır .
  • 13-02-2021, 23:35:38
    #9
    Şöyle bir örnek yaptım ama dediğiniz gibi bilemedim.
    Responsive olarak da bir test edin.
    https://codepen.io/CemaLi/pen/dyONeJe