Contenedor Skeuomórfico
Un componente contenedor responsivo con diseño de Skeuomorphism y compatibilidad con el modo oscuro mediante Tailwind CSS.
Código HTML
<div class="container mx-auto p-4 bg-gray-200 dark:bg-gray-800 shadow-lg rounded-lg">
<div class="bg-white dark:bg-gray-700 p-6 rounded-md shadow-inner">
<h2 class="text-2xl font-bold mb-4 text-gray-800 dark:text-white">Skeuomorphic Container</h2>
<p class="text-gray-700 dark:text-gray-300">This is a container with a Skeuomorphic design, featuring a subtle shadow and rounded corners to mimic a physical object. It's also responsive and supports dark mode.</p>
<div class="mt-4">
<img src="https://picsum.photos/seed/skeuomorphism/400/200" alt="Placeholder image" class="rounded-md shadow-md">
</div>
</div>
</div>Componentes relacionados
Contenedor de diseño de materiales
Un componente contenedor de estilo Material Design que utiliza Tailwind CSS, con diseño responsivo y compatibilidad con temas oscuros.
Componente contenedor de Glassmorphism
Un componente contenedor de Glassmorphism con capacidad de respuesta con un esquema de color triádico, diseñado para carteras. Soporta el modo oscuro.
Componente de contenedor 21
Un componente contenedor receptivo de estilo retro/vintage con soporte para temas oscuros.