これは今後使えるかもしれない。
https://note.com/earth_s/n/n6ff2f8f9b08e?sub_rt=share_sb
<div class="youso" id="animatedElement">これは要素です。</div>
<style>
.youso {
opacity: 0;
font-size: 11px;
color: #888;
}
</style><script>
document.addEventListener("DOMContentLoaded", function() {
setTimeout(function() {
var element = document.getElementById('animatedElement');
element.style.transition = 'opacity 2s ease-in-out';
element.style.opacity = '1';
}, 3000);
});
</script>
Q2. 遅延表示を遅らせるにはどうすればいいですか？
JSの最後の1行の数字（現在は3000）を変更してください。（1秒＝1000）
表示速度の調整は、現在の2sの部分を好きな秒数に調整してください。