border ui issue
Do anyone know why the border edge curve have some like black pixel I don't know how to explain it , look at that image I marked..
Is it normal or my laptop has issues ?
I use border:1px solid black;
border-radius :20px;
width:auto;
padding : 10px 20px;
8 Replies
has to do with rounding of subpixels and screen pixel density. not much you can do about it. maybe a small box-shadow
Alright I will try
Thanks
looks like sub-pixel rendering issues
i didn't see his message before sending, but yes, sub-pixel issues
Yep
I tried box-shadow:0px 0px 2px rgba(255,255,255,1) and works
But thanks
i'm surprised that that worked
You could do just
box-shadow:0 0 2px rgb(255 255 255)
instead of
box-shadow:0px 0px 2px rgba(255,255,255,1)
You don't need rgba, even if you do want to adjust the alpha, you can still do that with just normal rgb instead of rgba, but in this case you set the alpha to 1 which is 100% so you're not even using the alpha here. so you don't even need the ,1 at the end. And this is just a personal preference, but you also don't need to include the commas, i personally prefer just a space rather than commas.
And 0 is always 0, it doesnt matter what unit you use, it's always 0, so therefore you don't need a unit if the value is 0that's good advice
despite the fact that the minification step would do all that work, but it is good advice
Yep , Thanks I would made changes with