如何使文本滑入和滑出页面答案

【问题标题】：How to make text slide in and out of the page如何使文本滑入和滑出页面
【发布时间】：2022-02-14 21:48:08
【问题描述】：

我需要达到与此页面上的滑入和滑出效果相同的效果：https://pangrampangram.com/products/neue-machina

【问题讨论】：

该页面上有大量的滚动效果和动画。你到底在找哪一个？
@NicolasGoosen 部分 (800px) 下的动画字母

【解决方案1】：

在另一个 div 中创建一个 div 使子 div 大于父 div 完成后，您可以让子 div 在 css 中按左右属性滚动。

`<html data-test-id="brave-new-tab-page" dir="ltr">

.parent { 宽度：500px；高度：100px；溢出：隐藏；位置：绝对； } 。孩子 { 宽度：1347px；字体大小：76px；位置：绝对； } 测试测试测试测试测试测试测试测试输入代码heret测试测试让位置 = 0; document.addEventListener('DOMContentLoaded', () => { 设置间隔（（）=> { 让孩子 = document.getElementsByClassName('child')[0] child.setAttribute('style', 'left:-' + position + 'px')

            if ( position > ( 1347 - 500 ) )
                position = 0

            position ++
        }, 5)
    }, false);
</script>

【讨论】：

css的动画部分，我需要学习的东西
我已经编辑了我的答案。现在它正在工作