How can I make the beige box shadow on the headers to match the dashed border?

Question

Box Shadow
https://code.sololearn.com/WMmWH7d6i9c5/?ref=app

Answer 1

Or, if you mean that SHADOW was dashed... You can make shadow with breaking space after nn pixel. Again, use a property for that.

Answer 2

Try by lowering ex. box-shadow:1px 1px 1px 1px. I am not shure do you meen this.

Answer 3

Sanja Panic i meant as in how can I make the shadow look dashed?

Answer 4

Aleksandar Nedeljkovic yes that's what I wanted. How would that be written out?

Answer 5

https://code.sololearn.com/Wo0PesPm9NhD/?ref=app

Answer 6

If you mean that line are dashed, then you can use property for that.

Answer 7

Joi You can use several ways, but I can't remember now how could do it. I tell you tomorrow.

Answer 8

Joi Well, follow the code:

.dashed-shadow {
position: relative;
top: 8px;
left: 8px;
display: inline-block;
color: black;
}

Answer 9

Joi After that, you can use like this:

<span class="dashed-shadow">About</span>

Answer 10

Joi Better way is:

<h1 class="dashed-shadow">
<span>About</span>
</h1>

Answer 11

Joi Better look at: https://codepen.io/lbebber/pen/BzoHi

Answer 12

Joi Here my code:

https://code.sololearn.com/WX9o19Y952Kz/?ref=app