Chrome is now blurring text when using transform translateY with percent

Question

Since a few days, I\'m experimenting a pretty big issue when using the very cool technique for vertically centering a div with css3 transform (transform: translateY(-50%); )

Answer 1

For now, I found only one good solution:

transform: translate(-50%, -50.1%)

• 0.1% - in general user can't see this
• No need to calc value

Hope chrome will fix it - the bug exists since 2014))))