Ş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.
Css için yardim lütfen..
10
●129
- 13-02-2021, 20:51:11Merhabalar 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:54:05https://bennettfeely.com/clippy/
sağ taraftan trapezoid'ı seçip yapabilirsin. - 13-02-2021, 20:55:32Clip path ile yapabilirsiniz;
clip-path: polygon(80% 0, 100% 0, 100% 100%, 20% 100%); - 13-02-2021, 21:08:55Clip path ile denedim oluyor fakat responsivede telefon boyutunda bozuluyorsefacandemir adlı üyeden alıntı: mesajı görüntüle
- 13-02-2021, 21:17:08Cevapları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:22Dostum en basit ve sağlıklı yöntem clip path ile olur.cemaltekin adlı üyeden alıntı: mesajı görüntüleClip path ile denedim oluyor fakat responsivede telefon boyutunda bozuluyor
css media query özelliğini kullanarak mobil tasarımdaki sorunları çözebilirsin. - 13-02-2021, 22:12:10Teşekkür ederim dostum çözdüm sayılır .sawacrow adlı üyeden alıntı: mesajı görüntüle
- 13-02-2021, 23:35:38Şöyle bir örnek yaptım ama dediğiniz gibi bilemedim.
Responsive olarak da bir test edin.
https://codepen.io/CemaLi/pen/dyONeJe
