JSFiddle - React, Tailwind, and code Playground

by Lirix Plataformas para negĂłcios digi

HTML

<div class="parallax-01">
		<h1>LOREM IPSUM</h1>
	</div>
	<div class="parallax-02">
		<h1>LOREM IPSUM</h1>
	</div>
	<div class="parallax-01">
		<h1>LOREM IPSUM</h1>
	</div>
	<div class="parallax-02">
		<h1>LOREM IPSUM</h1>
	</div>

CSS

*{
	margin: 0px;
	padding: 0px;
}
.parallax-01{
	height: 100vh;
	background: url(bg-parallax01.jpg) center top;
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.parallax-02{
	height: 100vh;
	background: url(bg-parallax02.jpg) center top;
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}