Eu queria criar o mesmo efeito de texto animado de rolagem de forma que pudesse controlar o script e o código css. Esses códigos são do site: https://templetondistillery.com/ No entanto, não consigo identificar os comandos. Alguém sabe como criar esse efeito?
<link rel='stylesheet' id='main-css' href='https://templetondistillery.com/wp-content/themes/ma-templeton-theme/style.css?ver=71372167' type='text/css' media='all' />
<script type="text/javascript">
var url = '';
var td = '';
</script>
<div class="nav-container">
<div class="nav-wrap"></div>
<main id="main" class="main" tabindex="0">
<!-- Hero Section -->
<section class="hero section section--md js-hero animated">
<div class="hero-fixed section--md section--center">
<div class="container container-lg">
<div class="hero-text section-text text-center color-notwhite">
<h1 class="hero-title section-title title-xx js-lines" data-lines="Curso de<br>Pintura a ?eo">testando texto<br>pra ver como ficará</h1>
<h2 class="hero-subtitle section-subtitle subtitle">test 1</h2>
</div>
</div>
</section>
<div class="wrap">
</div>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js' id='jquery-js'></script>
<script type='text/javascript' src='https://templetondistillery.com/wp-content/themes/ma-templeton-theme/main.js?ver=65123243' id='main-js'></script>
Esse é o código pra quem quiser visualizar no jsbin, por exemplo. Pra entender o efeito. Obrigado!