ThemeForest

Border radius in Chrome looks pixelated?

979 posts
  • Has been a member for 3-4 years
  • Interviewed on the Envato Notes blog
  • Exclusive Author
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Philippines
  • Referred between 100 and 199 users
mabuc says

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

1 year ago
3624 posts
  • Has been a member for 3-4 years
  • Won a Competition
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Contributed a Tutorial to a Tuts+ Site
  • Contributed a Blog Post
  • Interviewed on the Envato Notes blog
  • Envato Staff
  • Reviewer
  • Community Moderator
  • Author had a Free File of the Month
  • Beta Tester
  • Exclusive Author
  • Sold between 10 000 and 50 000 dollars
  • Bought between 50 and 99 items
  • Venezuela
  • Referred between 1 and 9 users
Ivor says

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

1 year ago
Ivor is a moderator
979 posts
  • Has been a member for 3-4 years
  • Interviewed on the Envato Notes blog
  • Exclusive Author
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Philippines
  • Referred between 100 and 199 users
mabuc says

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.

1 year ago
238 posts
  • Has been a member for 2-3 years
  • Exclusive Author
  • Bought between 1 and 9 items
  • Bosnia and Herzegovina
ewizz says

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

1 year ago
979 posts
  • Has been a member for 3-4 years
  • Interviewed on the Envato Notes blog
  • Exclusive Author
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Philippines
  • Referred between 100 and 199 users
mabuc says

@ewizz, I don’t know if it works.. I tried it but no luck… thank you ;)

1 year ago
2211 posts
  • Has been a member for 1-2 years
  • Exclusive Author
  • Sold between 1 and 100 dollars
  • Bought between 10 and 49 items
  • United States
OrganicBeeMedia says

@ewizz, I don’t know if it works.. I tried it but no luck… thank you ;)

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

1 year ago
1374 posts
  • Has been a member for 2-3 years
  • Exclusive Author
  • Bought between 10 and 49 items
  • Serbia
  • Referred between 10 and 49 users
wpCanyonThemes says

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?

1 year ago
979 posts
  • Has been a member for 3-4 years
  • Interviewed on the Envato Notes blog
  • Exclusive Author
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Philippines
  • Referred between 100 and 199 users
mabuc says

@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 :)

1 year ago
1374 posts
  • Has been a member for 2-3 years
  • Exclusive Author
  • Bought between 10 and 49 items
  • Serbia
  • Referred between 10 and 49 users
wpCanyonThemes says

Remove the border (not border-radius) :)

1 year ago
979 posts
  • Has been a member for 3-4 years
  • Interviewed on the Envato Notes blog
  • Exclusive Author
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Philippines
  • Referred between 100 and 199 users
mabuc says

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

1 year ago
by
by
by
by
by