font render issue (blurry fonts) if element has transitionX with decimal separator

[harellevy]

if an active element in carousel landing in center sometimes its not pixel perfect and have decimal separator in translateX value. this causes blurry fonts in chrome.
I think it's better to round the content grab element translateX value after transition complete.

[ZouYouShun]

The first problem because we using the init width to calculate the position move value. If the image size is different with loaded the position will has some pixel different, currently, you can use a tag to contain that to solve this issue, like below.

<div>
    <component></component>
</div>

The second problem can you give me some example with stackblitz?