Conteneur skeuomorphe
Un composant de conteneur réactif avec une conception Skeuomorphism et une prise en charge du mode sombre à l’aide de Tailwind CSS.
HTML Code
<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>Composants associés
Composant de conteneur
Un composant de conteneur de style 3D adapté aux sites Web d’entreprise, avec des couleurs vives et des éléments interactifs, ainsi qu’un design réactif avec prise en charge du thème sombre.
Composant de conteneur de commerce électronique
Composant de conteneur de commerce électronique Glassmorphism avec schéma de couleurs triadique et mise en page complexe, y compris la prise en charge du mode sombre
Composant de conteneur
Un composant de conteneur de portefeuille skeuomorphe avec un thème sombre et un design réactif, présentant le travail et les produits avec des éléments interactifs.