Вот несколько способов добиться эффекта нижней тени с помощью CSS:

1. Свойство Box Shadow:
   Вы можете использовать свойство box-shadowдля создания эффекта тени на нижней стороне элемента. Например:

   .shadow-element {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   }

2. Метод псевдоэлемента:
   Другой способ — использовать псевдоэлемент, например ::afterили ::before, чтобы создать эффект тени.. Вот пример:

   «»;
   позиция: абсолютная;
   внизу: -5 пикселей;
   слева: 0;
   ширина: 100%;
   высота: 5 пикселей;
   фоновый цвет: rgba(0, 0, 0, 0,25);

3. Метод градиентного фона:
   Вы также можете использовать фон с линейным градиентом, чтобы создать эффект тени. Вот пример:

   .shadow-element {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
   }

4. Метод фильтра SVG.
   Фильтры SVG (масштабируемая векторная графика) можно использовать для создания более сложных эффектов теней. Вот пример:

   .shadow-element {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
   }