mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
32 lines
No EOL
1.3 KiB
HTML
32 lines
No EOL
1.3 KiB
HTML
<!-- From Uiverse.io by ahmedyasserdev - Tags: minimalist, card, hover effect, card template, cool card, cardhover , card hover -->
|
|
<div
|
|
class="max-w-xs overflow-hidden bg-white border border-gray-200 rounded-xl shadow-md transform transition-all duration-500 hover:shadow-lg hover:scale-105 relative group"
|
|
>
|
|
<div
|
|
class="absolute inset-0 bg-gradient-to-br from-gray-100 to-white opacity-0 transition-opacity duration-500 group-hover:opacity-30 blur-md"
|
|
></div>
|
|
<div class="p-6 relative z-10">
|
|
<p class="text-xl font-semibold text-gray-800">Classic Blue Jeans</p>
|
|
<p class="mt-2 text-gray-600">
|
|
Our classic blue jeans are a timeless addition to your wardrobe. Crafted
|
|
from premium denim, they offer both style and comfort. Perfect for any
|
|
casual occasion.
|
|
</p>
|
|
<div class="flex items-center mt-4 text-gray-600">
|
|
<svg
|
|
viewBox="0 0 24 24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="w-6 h-6 fill-current text-yellow-500"
|
|
>
|
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
|
<path
|
|
d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
|
|
></path>
|
|
</svg>
|
|
<span class="ml-2">4.8 (24 reviews)</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|