Neumorphisme Terre Footer
Composant de pied de page réactif avec prise en charge du neumorphisme, des tons de terre et du thème sombre
HTML Code
```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>© 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>
```Composants associés
Pied de page vibrant neumorphe
Un composant de pied de page simple et réactif conçu avec des principes de conception neumorphiques et des couleurs vives. Il présente un aspect doux et extrudé avec des ombres subtiles tout en conservant des couleurs d’accent à haute saturation. Le pied de page comprend des sections de base pour la navigation sur le site, les liens sociaux et les informations sur les droits d’auteur avec une prise en charge complète du mode sombre.
Composant de pied de page
Un composant de pied de page de style Brutalism avec des effets réactifs et une prise en charge du thème sombre à l’aide de Tailwind CSS.
Composant de pied de page
Un composant de pied de page simple et réactif avec des éléments de conception 3D et des tons de terre, conçu pour un blog ou un site de contenu avec prise en charge du thème sombre.