JSFiddle - React, Tailwind, and code Playground

by Beben Koben

HTML

<div class="post">
Sed da sine vocabulario, il magazines interlinguistica web. Al duo tote synonymo finalmente. Ma ille toto del, ha durante synonymo uso. Le peano vices non, duo libere technic articulo in. Sine paternoster simplificate su non, anglese moderne secundo da web. Non message linguistas al, non nomine capital primarimente su. Effortio linguistic litteratura o que, pro lingua auxiliar su. Pote basate programma il nos. Non ha responder appellate traduction, es que lista celos. Con sitos complete americas le, libro excellente pan de, latente philologos conferentias pan se. Infra esseva uso ma. Involvite anglo-romanic ma que, debitas internet primarimente il web. Uso
</div>

CSS

.post
{
font-size:10pt;
font-family:Arial,sans-serif;
}

JavaScript

$(document).ready(function() {
  var oldSize = parseFloat($(".post").css('font-size'));
  var newSize = oldSize  * 1.20;
  $(".post").hover(
    function() {
     $(".post").animate({ fontSize: newSize}, 300);
    },
    function() {
    $(".post").animate({ fontSize: oldSize}, 300);
   }
 );
});