<h1>Sample Text</h1>

<div class="overflow-hidden">
  <h1>Sample Text</h1>
</div>
h1 {
  transform: translateY(60px);
  transition: transform 3s; 
}

.on-load {
  transform: translateY(0);
}

.overflow-hidden {
  overflow: hidden;
}
View Compiled 
$(function() {
  $('h1').addClass('on-load');
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js