Компоненты Нижний колонтитул Неоморфизм Нижний колонтитул Земли

Неоморфизм Нижний колонтитул Земли

Адаптивный компонент нижнего колонтитула с поддержкой неоморфизма, земляных тонов и темной темы

Предварительный просмотр

HTML-код

```html
<footer class="bg-stone-100 dark:bg-stone-900 shadow-neumorphism-light dark:shadow-neumorphism-dark mt-12">
  <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
    <div class="text-center text-stone-700 dark:text-stone-300">
      <p>&copy; 2023 Your Company. All rights reserved.</p>
    </div>
  </div>
</footer>

<style>
.shadow-neumorphism-light {
  box-shadow: 5px 5px 10px #bdae9d, -5px -5px 10px #ffffff;
}

.dark .shadow-neumorphism-dark {
  box-shadow: 5px 5px 10px #1e1e1e, -5px -5px 10px #2e2e2e;
}
</style>
```

Связанные компоненты

Компонент нижнего колонтитула

Компонент футера, выполненный в скевоморфном стиле с триадической цветовой гаммой и умеренной сложностью, подходит для верстки блога/контента.

Открытый

Нижний колонтитул стекломорфизма

Адаптивный компонент нижнего колонтитула, разработанный в стиле glassmorphism, с эффектами, похожими на матовое стекло, и поддержкой темных тем с использованием Tailwind CSS.

Открытый

Скевоморфный компонент нижнего колонтитула

Адаптивный футерный компонент со скевоморфным дизайном, аналогичной цветовой гаммой (зеленый, сине-зеленый) и умеренной сложностью, подходящий для бизнес-сайтов. Включает в себя ссылки, заполнитель логотипа и тонкий скевоморфный эффект, достигаемый с помощью теней и градиентов. Поддерживает светлый и темный режимы.

Открытый