October 26, 2024
Chicago 12, Melborne City, USA
CSS

create a button with outline and internal shadow


I’m looking to create a specific button in css and need your help to achieve the desired visual effect. Here is an image of the desired style. enter image description here

The problem I’m having is that when I apply a shadow, it only appears outside the borders and doesn’t fill the background of the button, leaving a black/transparent area in the middle (my page background is black, so the button looks empty inside).

I managed to obtain this effect on my titles without problem but on my buttons I can’t do it…

If anyone has a solution, suitable CSS, or a tip to reproduce this effect, I’m interested! Thank you in advance for your help.



You need to sign in to view this answers

Leave feedback about this

  • Quality
  • Price
  • Service

PROS

+
Add Field

CONS

+
Add Field
Choose Image
Choose Video