Mobile app version of vmapp.org
Login or Join
Kaufman565

: Looking for suggestions for making type more readable with a drop shadow I want to show a menu with indented items on top of a black background. I tried a lot of colors but can't find the

@Kaufman565

Posted in: #Color #ColorTheory #Css #InterfaceDesign #WebsiteDesign

I want to show a menu with indented items on top of a black background. I tried a lot of colors but can't find the right ones.

I'm using css property text-shadow:

text-shadow: 1px 1px #191919 , -1px -1px #444 ;


Here is a screenshot for a better understanding:



I'm not satisfied and I'm pretty sure that there is better... Any suggestion please?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Kaufman565

2 Comments

Sorted by latest first Latest Oldest Best

 

@Gail6891361

The shadow looks more like a broken stroke and it interferes with the letterforms. I would probably go with a softer shadow with more spread, or a band such as the one that Lollero mentioned in a comment.

10% popularity Vote Up Vote Down


 

@Eichhorn212

Using four shadows instead of two may give a better approximation of an outline effect, if that's what you want:

text-shadow: 0 -1px #000 , 1px 0 #000 , 0 1px #000 , -1px 0 #000;


A bit surprisingly, it turns out that the W3C actually recommend this hack in their CSS examples.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme