Image Zooming Blurred and Distorted in Google Chrome

Solution:

backface-visibility:hidden;
-webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
-moz-backface-visibility:hidden; 	/* Firefox */
-ms-backface-visibility:hidden; 	/* Internet Explorer */

illustrate:

When the finished website is compatible with IE, it is found that the image displayed by Google is slightly blurred and distorted compared with IE.
After finding out, it was found that it was due to the use of swiper, the rendering problem of the transform or transition element that comes with swiper. Add this code and you're done.

Definition and usage:

The backface-visibility property defines whether the element is visible when it is not facing the screen.

Default: visible Inheritance:

no version: CSS3 JavaScript

语法: object.style.backfaceVisibility="hidden"

 grammar:

backface-visibility: visible|hidden;  /*背面可见|背面不可见*/

Guess you like

Origin blog.csdn.net/qq_40895460/article/details/121076365