SAMPLE COMPANY

「テキストスライドショー」ブロックについて

<!--▼▼▼▼▼ここから「テキストスライドショー」-->
<div class="text-slide-wrapper">
<div class="text-slide">
<span>SAMPLE COMPANY</span>
</div>
</div>
<!--▲▲▲▲▲ここまで「テキストスライドショー」-->

スタイルは

cssフォルダのstyle.cssから「/*テキストスライド」でテキスト検索してみて下さい。詳しい解説もあります。

文字は直接html側に書きます

<span>SAMPLE COMPANY</span>
の部分です。

速度の調整は

main.jsの「テキストスライド」のブロックの、
30000, // アニメーション時間(ミリ秒)
の数字で調整できます。大きいほどゆっくりになります。

上に食い込むスタイルになっています

使う場所によっては上の要素に不自然に重なってしまうので、そういった場合はcssの
margin-top: calc(-1 * (1.6 * var(--space-large)));
の部分を調整して下さい。
この内容がよくわからなければ、直接的な数値で設定してもらってもOKです。
margin-top: 200px;
など。