How to use transform: scale() without loss of clarity during a slow transition ? Suppose transform: scale(1.5) , and transition: all 1s linear . When :hover , at the time of increasing, the block loses its clarity until the end of the transition: all 1s linear . This is pretty awkward. How can this be fixed?

  • Maybe try to increase the resolution of the picture. But it will probably work well if you scale to integers. - qpeela

1 answer 1

The problem is solved as follows:

 img { image-rendering: optimizeQuality; } 
  • And so automatically this mode is put. - user207618
  • @Other automatically sets image-rendering: auto - Vadizar
  • Yes, and this value means autoselection, which usually selects optimizeQuality . - user207618