Alexander9292, переформулировать вопрос для начала. Тогда самому станет ясно, что не класс нужно сделать плавным, а изменение какого-то свойства. Плавность изменения свойств достигается применением перехода (transition), если свойство относится к группе анимируемых.
Сергей Пономарёв, ну если бы вы нормальный фиддл сделали, я бы показал наверное. А у вас там ад какой-то, куча лишнего, не отформатировано. И, кстати, вообще ничего не происходит при скролле.
Ankhena, но бэк ведь не знает, какого размера область на фронте. Отсюда следует вывод, что задача нерешаема.
Хотя если подойти формально, то можно на javascript вычислить сколько текста помещается, и остальное обрезать. По F12 видно не будет. Хотя, конечно из view-source текст никуда не денется.
Если уж сбрасывать стили, то лучше подойти с умом, а не "в лоб"
Например так: https://habr.com/ru/post/420539/
Есть в статье спорные моменты, но в целом норм.