Как сделать каждую букву больше предыдущей

Привет

Таких трансформаций я не нашел как сделать, через яваскрипт джейквери сделал


$(".podskaz").each(function() // для каждой подсказки выполняем
{
  $(this).html($(this).html().replace(/(.)/g, '<span>$1</span>')) // каждый символ оборачиваем в спан
  let w = 0 // переменная ширины спана подсказки 
  $(this).find('span').each(function(index)
  {
    $(this).css('font-size', 25+index*2+'px') // каждому созданному спану делаем фонтсайз в зависисости какой он номер 
    w += $(this).width() // и суммируем их ширину 
  })
  $(this).width(w+44) // применяем ширину
  if($(this).is('.long'))$(this).width(w+123)
})