OiO.lk Blog CSS create a button with outline and internal shadow
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.

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

Exit mobile version