Примените внутреннюю и внешнюю тени блока к одному элементу HTML

Question

Можно ли применить 2 тени-тени к элементу HTML одновременно?Я пытаюсь применить как внутреннюю (вставку), так и внешнюю тень блока.

Это дает эффект размытия внутри элемента, а затем просто обычной внешней тени.

Например:

box-shadow: inset 5px 5px #000000;
box-shadow: -1px 5px #FF00FF;

Answer 1

Да.

Вы можете просто сделать что-то вроде:

box-shadow: 0 0 5px #FF00FF, inset 0 0 5px #000000;

Рабочий пример.

Answer 2

Попробуйте это:

box-shadow: inset 5px 5px #000000, -1px 5px #FF00FF;