Created attachment 466697 [details]
a screen recording from w3school example in safari

I have below code in html. The transition for font-size is not smooth as shown in attached screen recording.

<style>
.test-font-transition {
    font-size: 12px;
    -webkit-transition: font-size 2s;
       -moz-transition: font-size 2s;
         -o-transition: font-size 2s;
            transition: font-size 2s;
            will-change: font-size;
}

.test-font-transition:hover {
    font-size: 20px;  
}
</style>

<p class="test-font-transition">This is a paragraph.</p>