CODEWITHSUNDEEP
cssgoogle-chromeiframescaleblur
user3121420
user3121420

Reputation: 11

Blurry text with css scaled iframe in Chrome

This question, there is a point that is different from the "css scale chrome" other questions. iframe is moved to a specific location, text will be displayed correctly. And, when moved to a position where there is a problem again, the text will be blur.

Move will be executed position of jquery.

Why iframe is moved, text will be displayed correctly?

screen shots. http://ggamagidev.blogspot.com/2013/12/blurry-text-with-css-scaled-iframe-in.html

It is applied to the iframe, but they failed.

// transform: "translateZ(0)",
// "-webkit-transform": "translateZ(0)",
// "-webkit-text-stroke": "0.35px",
// "transform-style": "preserve-3d",
// "-webkit-transform-style": "preserve-3d",
// "transform-style": "flat",
// "-webkit-transform-style": "flat",
// "font-smooth":"never",
// "-webkit-perspective":1000,
// "backface-visibility": "hidden",
// "-webkit-backface-visibility":"hidden",

Upvotes: 1

Views: 3751

Answers (1)

Sinju Angajan
Sinju Angajan

Reputation: 893

Try if font blurred in chrome.

body {-webkit-text-stroke: 0px!important;-webkit-font-smoothing: antialiased !important;}

Upvotes: 1

Related Questions