Box-shadow on text in div?

Question

[Игорь Касперский]

Добрый день, как сделать чтобы тень от блока внутри как бы закрывала, скрывала текст? Я не могу привести финальный результат, где то видел, найти не могу теперь, вот пример моего без результатного старания

Answer 1

[Денис Инешин]

Это делается не тенью.
1. Внутрь дива кладется еще один див с position: absolute и прижимается к низу блока
2. Внутрь дива кладем либо картинку либо градиентную заливку от белого в прозрачный.
3. Profit!

Пример с помощью :after
https://jsfiddle.net/ab5oo40a/2/

Comments

[Игорь Касперский]

круто, а я с тенями маюсь, работает)) спс

[Игорь Касперский]

а зачем display: block тегу ol?

[Денис Инешин]

Игорь Касперский: не ol, а псевдоэлементу after.