<!DOCTYPE html>
<
html
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
>
</
head
>
<
body
class
=
"text-center"
>
<
h1
class
=
"text-green-600 text-5xl font-bold"
>
GeeksforGeeks
</
h1
>
<
b
>Tailwind CSS Background Image Class</
b
>
<
div
class
=
"mx-4 grid grid-cols-3 gap-2"
>
<
div
class="h-12 w-full bg-gradient-to-r rounded-lg
from-yellow-400 via-green-500 to-blue-500">
</
div
>
<
div
class="h-12 w-full bg-gradient-to-tr rounded-lg
from-yellow-400 via-green-500 to-blue-500">
</
div
>
<
div
class="h-12 w-full bg-gradient-to-br rounded-lg
from-yellow-400 via-green-500 to-blue-500">
</
div
>
<
div
class="h-12 w-full bg-gradient-to-b rounded-lg
from-yellow-400 via-green-500 to-blue-500">
</
div
>
<
div
class="h-12 w-full bg-gradient-to-bl rounded-lg
from-yellow-400 via-green-500 to-blue-500">
</
div
>
<
div
class="h-12 w-full bg-gradient-to-tl rounded-lg
from-yellow-400 via-green-500 to-blue-500">
</
div
>
<
div
class="h-12 w-full bg-gradient-to-l rounded-lg
from-yellow-400 via-green-500 to-blue-500">
</
div
>
</
body
>
</
html
>