+ 5

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

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

18th Mar 2019, 11:14 PM
Cameron
Cameron - avatar
12 ответов
+ 3
Or, if you mean that SHADOW was dashed... You can make shadow with breaking space after nn pixel. Again, use a property for that.
19th Mar 2019, 12:01 AM
Aleksandar Nedeljkovic
Aleksandar Nedeljkovic - avatar
+ 9
Try by lowering ex. box-shadow:1px 1px 1px 1px. I am not shure do you meen this.
18th Mar 2019, 11:23 PM
PanicS
PanicS - avatar
+ 4
Sanja Panic i meant as in how can I make the shadow look dashed?
18th Mar 2019, 11:58 PM
Cameron
Cameron - avatar
+ 4
Aleksandar Nedeljkovic yes that's what I wanted. How would that be written out?
19th Mar 2019, 12:02 AM
Cameron
Cameron - avatar
19th Mar 2019, 12:59 AM
Calviղ
Calviղ - avatar
+ 1
If you mean that line are dashed, then you can use property for that.
19th Mar 2019, 12:00 AM
Aleksandar Nedeljkovic
Aleksandar Nedeljkovic - avatar
+ 1
Joi You can use several ways, but I can't remember now how could do it. I tell you tomorrow.
19th Mar 2019, 12:04 AM
Aleksandar Nedeljkovic
Aleksandar Nedeljkovic - avatar
+ 1
Joi Well, follow the code: .dashed-shadow { position: relative; top: 8px; left: 8px; display: inline-block; color: black; }
19th Mar 2019, 12:08 AM
Aleksandar Nedeljkovic
Aleksandar Nedeljkovic - avatar
+ 1
Joi After that, you can use like this: <span class="dashed-shadow">About</span>
19th Mar 2019, 12:09 AM
Aleksandar Nedeljkovic
Aleksandar Nedeljkovic - avatar
+ 1
Joi Better way is: <h1 class="dashed-shadow"> <span>About</span> </h1>
19th Mar 2019, 12:12 AM
Aleksandar Nedeljkovic
Aleksandar Nedeljkovic - avatar
19th Mar 2019, 12:14 AM
Aleksandar Nedeljkovic
Aleksandar Nedeljkovic - avatar
19th Mar 2019, 1:11 AM
Aleksandar Nedeljkovic
Aleksandar Nedeljkovic - avatar