Hero Section with Gradient
The classes
bg-gradient-to-r
,
from-purple-500
, and
to-pink-500
work together.
bg-gradient-to-r
: Sets the gradient direction to "right". Other directions include
t
(top),
b
(bottom),
l
(left),
tr
(top-right),
bl
(bottom-left), etc.
from-purple-500
: Sets the starting color of the gradient.
to-pink-500
: Sets the ending color of the gradient.