Свойство box-shadow применяет одну или несколько теней к элементу. Свойство box-shadow принимает значения для offset-x (как далеко отбрасывать тень горизонтально от элемента), offset-y (как далеко отбрасывать тень вертикально от элемента), blur-radius spread-radius и значения цвета в этом порядке. Значения blur-radius и spread-radius необязательны. Вот пример CSS для создания нескольких теней с некоторым размытием в основном прозрачных черных цветах:
box-shadow: 0 10px 20px rgba (0,0,0,0,19), 0 6px 6px rgba (0,0,0,0,23);
Элемент теперь имеет идентификатор thumbnail. С помощью этого селектора используйте приведенные выше примеры CSS, чтобы применить box-shadow к карточке.