Dikey menudeki border-radius sorunu ( Yardım)

06-12-2014, 11:10:53

s.a arkadaslar ben bu menuyu hazırladım en alltaki iletişim butonuna gelince bordr-radius ta bir sorun yok yalnız ana sayfa butunuda hover da border-radius çalısıyor ana ana renkte border-radius calısmıyor.. kodlara bakarsanız uygulamalarımı göreceksiniz.. ilginiz için simdiden teşekkürler

bu linkten inceleyebilirsiniz..

http://codepen.io/anon/pen/jEWMaJ

06-12-2014, 15:35:48

#2

Onur89TR

zagor27 adlı üyeden alıntı: mesajı görüntüle

s.a arkadaslar ben bu menuyu hazırladım en alltaki iletişim butonuna gelince bordr-radius ta bir sorun yok yalnız ana sayfa butunuda hover da border-radius çalısıyor ana ana renkte border-radius calısmıyor.. kodlara bakarsanız uygulamalarımı göreceksiniz.. ilginiz için simdiden teşekkürler

bu linkten inceleyebilirsiniz..

http://codepen.io/anon/pen/jEWMaJ

Dostum tek yapman gereken CSS'e .ust-menu { border-radius: 10px; } eklemen.

06-12-2014, 17:50:14

#3

zagor27

kardeşim teşekkürler sorun çözüldü..

06-12-2014, 18:01:04

#4

Nolpe

.ust-menu { border-radius: 10px; }

çözümü doğru ancak yeterli değil. Dikkat edersen o arada boşluk kalıyor.

38.satırdaki kodu şu şekilde değiştirirseniz tam orantılar.

Alıntı

.ust-menu ul li:nth-child(1) :hover { background: #ee6f5e; transition: ease-in-out 150ms;border-radius: 9px 9px 0 0}

birde tarayıcı uyumu için border-radius'lardan sonra -moz-border-radius ve -webkit-border-radius da kullanırsanız döküm için iyi olur.