Pablo Vera Pablo Vera - 3 months ago 16
CSS Question

Outline inside of a button

I have been trying to replicate this "subscribe to the newsletter button". I am having a hard time replicating the white "inside border or outline".
example of the button

Answer

You may use an inset shadow

button {
  background:turquoise;
  border:solid turquoise;
  padding:5px;
  box-shadow:inset 0 0 0 3px white;
<button>inside border ?</button>

You can also mix borders with inset and outset shadows http://codepen.io/gcyrillus/pen/yJfjl ;)

Comments