Retro-Medienkomponente
Eine reaktionsschnelle Medienkomponente im Retro-/Vintage-Design, die den Dunkelmodus unterstützt.
HTML-Code
<div class="bg-gray-200 dark:bg-gray-800 p-6 rounded-lg shadow-md transform hover:scale-105 transition duration-300">
<img class="w-full h-48 object-cover rounded-t-lg mb-4" src="https://picsum.photos/seed/retro/600/400" alt="Retro Image">
<div class="text-gray-700 dark:text-gray-300">
<h2 class="text-xl font-bold mb-2">Retro Media Title</h2>
<p class="text-base mb-4">This is a description of the retro media component, evoking a sense of nostalgia with its vintage design and colors.</p>
<div class="flex items-center text-sm">
<img class="w-8 h-8 rounded-full mr-2" src="https://randomuser.me/api/portraits/men/1.jpg" alt="Author Avatar">
<span>By John Doe</span>
<span class="ml-auto">Posted on 1995-10-26</span>
</div>
</div>
</div>Verwandte Komponenten
Medienkomponenten Komponente 2
Eine Medienkomponente im Retro-/Vintage-Stil mit einem nostalgischen Design, das von der Ästhetik der 80er/90er Jahre inspiriert ist, mit responsiven Effekten und Unterstützung für dunkle Themen, unter Verwendung von Tailwind CSS.
Komponente "Medienkomponenten"
Eine responsive Medienkomponente für den E-Commerce mit Material Design und monochromatischer Farbgebung.
Komponente "Medienkomponenten"
Eine reaktionsschnelle Medienkomponente mit Mikrointeraktionen und ansprechenden Animationen, die mit Tailwind CSS gestaltet wurde. Es unterstützt dunkle Themen und enthält Platzhalterbilder und Avatare.