Schatten CSS — это немецкая фраза, которая на английском языке переводится как «CSS с тенью блока». Термин «box-shadow» относится к свойству CSS, используемому для добавления эффекта тени к элементу на веб-странице.

Вот несколько способов использования свойства CSS box-shadow для создания эффектов тени:

1. Базовая тень:

   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

2. Встроенная тень:

   box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.5);

3. Несколько теней:

   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), -2px -2px 4px rgba(255, 255, 255, 0.5);

4. Радиус разброса:

   box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);

5. Радиус размытия:

   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

6. Цвет тени:

   box-shadow: 2px 2px 4px rgba(255, 0, 0, 0.5);

7. Эффект перехода:

   transition: box-shadow 0.3s ease-in-out;

8. Тень текста:

   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

9. Закругленные углы с тенью:

   border-radius: 10px;
   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

10. Эффект внешнего свечения:

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);