Next.js Discord

Discord Forum

Applying Inset Shadow to the Next/Image component

Unanswered
Britannia Petite posted this in #help-forum
Open in Discord
Britannia PetiteOP
As the title say, i'm trying to apply an inset Shadow to my Image Component, but it's not rendered, the weird part is that it's actually rendering when the shadow is outside the picture, like if she was in front of everything else

1 Reply

Britannia PetiteOP
  
<div className="flex flex-col items-center mb-96" id="content">
      <Image
        src={"/background_main_page.jpg"}
        alt=""
        width={1200}
        height={675}
        className={"absolute z-[-10] after:shadow-[0_34px_43px_34px_rgba(0,0,0,1)]"}
      />
      <div
        className={`w-2/3 pt-[34rem] flex flex-col justify-center text-center font-semibold text-white text-4xl ${neuton.className}`}>
(...)