Help have screenshots in different browsers.
Google Chrome

chrome
Opera
opera
Here is the code:

  #search { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transform: translate3d(-50%,-50%,50%); } #search input { padding: 10px 30px; } 
 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Искать</title> </head> <body> <form action="action.php" id="search"> <input type="text" name="srch" id="srch" placeholder="Искать в интернете."> <input type="submit" value="Искать" class="search"> </form> </body> </html>

The question is why in chrome everything is distorted and blurred, and in the opera everything is clear? I need to fix the display in chrome. translateZ I do not use.

  • show your code. - Sasha Omelchenko
  • You use translateZ() implicitly, because you use translate3d() , which contains information about the shift in all axes. - Sasha Omelchenko

0