Questions tagged [blurry]
305 questions
3
votes
0 answers
Lottie animation blurry on Chrome only
A lottie animation I have produced looks very blurry in Chrome, but only on a non-retina screen. FF and Safari renders the logo well, but just Chrome renders it blurry.
I've searched and searched and added image-rendering:…
James Craker
- 31
- 1
3
votes
1 answer
How to fix blurry/pixelated font-rendering on red/blue backgrounds (Windows, Firefox, Chrome, others)?
On Windows, and to a certain degree also on Mac OS, with different browsers (Firefox, Chrome, Safari), our menu bar has rather pixelated/blurry font-rendering. This is on an ASP.NET Core 2.1 site that uses Bootstrap 4.1.3 but it's easy enough to…
Jashan
- 220
- 2
- 9
3
votes
3 answers
Find the edge strength/magnitude of a contour to find and exclude blurry objects
I'd like to find an edge strength value for each of the objects in a greyscale image using python. I'm detecting objects via thresholding to create a binary image and then opencv findContours to give me the edges. Some of these objects I detect in…
James
- 45
- 7
3
votes
1 answer
HTML5 - scaled image is blurry when drawn on canvas in chrome & opera
When i draw scaled image on canvas using the drawImage() function it looks slightly blurry in Chrome & Opera, but if i draw the full size image first and then the scaled one it looks crisp. What causes the blurriness and how can i fix it?
Here is…
slaviboy
- 1,407
- 17
- 27
3
votes
0 answers
CSS - Why 3D Carousel is blurry?
I'm making a 3D Carousel. Here is my code : 3D Carousel.
#wrapper{
width:420px;
height:279px;
position:relative;
margin:40px auto 40px auto;
-webkit-perspective: 800px;
perspective: 800px;
}
.carrousel{
position:absolute;
…
Elie
- 33
- 3
3
votes
2 answers
Android library Blurry not working for me,blurring effects do not apply
i am using blurry library for my project but it doesn't seem to work
i want to have a blurred backround in a relative layout,so can anybody help me with some ideas for that
here is the code in my fragment
public void onViewCreated(View view,…
Abhinav422
- 95
- 1
- 11
3
votes
1 answer
Blurry text because translate(-50%, -50%) positions on half a pixel
I was having trouble with transform: translate(-50%, -50%) in combination with a google font in chrome. This combination made the text look blurry. I noticed it was caused by the translate and after looking at the position of the element, I noticed…
Miranda Breekweg
- 207
- 1
- 2
- 11
3
votes
1 answer
Android Libs Blurry Not Working
I use https://github.com/wasabeef/Blurry library.
in Onclick, the following code works.
private boolean blurred = false;
if (blurred) {
Blurry.delete((ViewGroup) findViewById(R.id.content));
} else {
long startMs =…
Thang BA
- 162
- 3
- 13
3
votes
1 answer
fix for blurry images on browsers used by a mac retina
I am making a game sorta like cookie clicker, and I want the images to look 8 bit. I use a macbook pro retina, which has four pixels for every one pixel on a normal screen. On Chrome and Safari, instead of each pixel being represented by 2x2 pixels,…
Mashpoe
- 504
- 1
- 9
- 27
3
votes
2 answers
Will transforms in css cause blurring due to evaluating to half pixels?
Lets say you use this code to vertically center an element
.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}
(this question isn't about aligning things though, so please no suggestions about alignment)
Could this cause…
Kevin Wheeler
- 1,331
- 2
- 15
- 24
3
votes
0 answers
The image display in iOS webview is blurry but the same image for imageview is clear
I experienced this problem for weeks for the app we are developing. Following are the HTML code I use in iOS webview: