Neumorphismus Erde Fußzeile
Responsive Footer-Komponente mit Unterstützung für Neumorphism, Erdtöne und dunkles Theme
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>
```
Verwandte Komponenten
Portfolio-minimalistischer-triadischer-komplexer-Fußzeile
Eine komplexe, minimalistische Fußzeile für eine Portfolio-Website mit einem triadischen Farbschema. Enthält Navigationslinks, Social-Media-Symbole, Urheberrecht und einen Call-to-Action für die Kontaktaufnahme mit vollständiger Reaktionsfähigkeit und Unterstützung des Dunkelmodus.
Footer-Komponente
Eine neumorphe Fußzeilenkomponente für einen Blog/eine Content-Website, monochromatisches Farbschema, mit Unterstützung für den Dunkelmodus. Es handelt sich um ein mäßig komplexes Bauteil. Es ist reaktionsschnell.
Footer-Komponente
Eine einfache, reaktionsschnelle Fußzeilenkomponente mit 3D-Designelementen und Erdtönen, die für einen Blog oder eine Content-Site mit Unterstützung für dunkle Themen entwickelt wurde.