xxxxxxxxxx
#slider {
position: relative;
width: 100%;
overflow: hidden;
}
.slides-container {
display: flex;
flex-direction: row;
}
.slide {
position: relative;
width: 100%;
}
.slide img {
width: 100%;
height: auto;
}
.slider-nav {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
.slider-nav button {
margin: 0 10px;
}
xxxxxxxxxx
<h1
class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r from-purple-400 to-pink-600"
>
Tailwind CSS
</h1>
xxxxxxxxxx
<h1 class="bg-gradient-to-r from-blue-600 via-green-500 to-indigo-400 inline-block text-transparent bg-clip-text">hello world</h1>
xxxxxxxxxx
<div className='bg-gradient-to-r from-blue-600 via-green-500 to-indigo-400 inline-block text-transparent bg-clip-text'>Hello world</div>