Border radius in Chrome looks pixelated?


#1

Is their any solution(s) to fix those pixelated border radius in chrome? for me it really looks bad :slight_smile: if you have any solutions please share it here…


#2

It looks perfect for me - http://d.pr/DASN - what’s exactly the problem?


#3

the problem is it looks pixelated… Im using css3 with border radius 6px…
here is it - http://goo.gl/YK8jk only in chrome I don’t know I also notice this one in other websites too that uses css3 border radius.


#4

try to add background-clip: padding-box; to that element/class


#5

@ewizz, I don’t know if it works… I tried it but no luck… thank you :wink:


#6
mabuc said

@ewizz, I don’t know if it works… I tried it but no luck… thank you :wink:

http://css-infos.net/properties/webkit.php


#7
ewizz said

try to add background-clip: padding-box; to that element/class

@ejizz - Ha! Nice avatar.

@mabuc - How about uploading it on a server and give us the link?


#8

@wpcanyon - ok here you go http://goo.gl/cq0aH - try to open it in Chrome and then compare it to FF.

@OrganicBeeMedia - sorry that’s not the solution :slight_smile:


#9

Remove the border (not border-radius) :slight_smile:


#10

thanks mate but it should have borders :slight_smile: oh its pixelated if you put borders on it but works fine in other browsers :frowning:


#11

Ok if you say so :slight_smile: You can use transparent as the border color.


#12

hehe… why is it like that if you put borders to it it looks really bad but looks ok on other browsers… :slight_smile:


#13
mabuc said

hehe… why is it like that if you put borders to it it looks really bad but looks ok on other browsers… :slight_smile:

The real question is why would you put a white border on a white background? :slight_smile:


#14

lol… that’s not the real design, I just copied it and forgot to change the background so thats it… if you put borders on it, it really looks bad in chrome… I don’t know if you know any solutions to solve it if it has borders :slight_smile:


#15

@wpCanyonThemes thanks, i spent lot of time making it :stuck_out_tongue:


#16

@Mabuc - You can go with the old method of rounded corners (with images, not CSS3).

@ewizz - Haha, i bet. :slight_smile:


#17

I just remove the border tag no choice :slight_smile: thanks for your help mate…


#18

Edit: oops, used wrong account. Admins please delete this post.


#19

This is the right account :slight_smile:

You’re welcome @mabuc.