<div id="fullpage">
<div class="section">
<p>Hello</p>
</div>
<div class="section">
<p> 你好 </p>
</div>
<div class="section">
<p> こにちわ </p>
</div>
<div class="section">
<p> \( O v O )/ </p>
</div>
</div>p {
color: white;
font-size: 20px;
position: absolute;
padding: 50px 100px;
margin-left: 50%;
margin-bottom: 200px;
transform: translateX(-50%);
border: 3px dashed white;
}
$(document).ready(function () {
$(function () {
$("#fullpage").fullpage({
sectionsColor: ["#1bbc9b", "#4BBFC3", "#7BAABE", "#f90"],
afterRender: function () {
setInterval(function () {
$.fn.fullpage.moveSectionDown();
}, 8000);
}
});
});
});
External CSS
This Pen doesn't use any external CSS resources.