How to use css transcorm scale or is there a similar solution?

Tell me how to make the text in the image in the transform property: scale; not blurred, but remained clear.
Did like it, but I also have a picture size of 100х400, it can not be changed, within the text, you need to increase when aiming as if from the center just to scale.

https://jsfiddle.net/4r3dcz0z/

Maybe there is some solution with jquery, js etc.?
July 12th 19 at 16:41
1 answer
July 12th 19 at 16:43
Solution
No amount of jquery will not be able to make a clear image that appears larger than its actual size.
But if the picture is more to do? How to implement? - Carrol commented on July 12th 19 at 16:46
To make the picture bigger to reduce it in the normal state and increase to full size when you hover - scale, but in the other direction. - parker commented on July 12th 19 at 16:49
: Thank you. It worked.! - Carrol commented on July 12th 19 at 16:52
: Made the picture larger for a normal condition set scale (0.82) and when you hover scale(1), so now in the normal state is blurred ((( - Carrol commented on July 12th 19 at 16:55
Need to pick some values at which the blur will not be noticeable. Or use svg. Well read the links that I have in the previous question gave. - parker commented on July 12th 19 at 16:58
By the way the problem is only in Chrome - Carrol commented on July 12th 19 at 17:01

Find more questions by tags jQueryCSSJavaScript