mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
8 lines
825 B
HTML
8 lines
825 B
HTML
<!-- From Uiverse.io by Javierrocadev - Tags: material design, black, card, dark, card template, cool card, cardhover -->
|
|
<div class="group origin-bottom-right duration-500 -rotate-12 hover:-rotate-0 hover:-skew-x-12 skew-x-0 hover:-translate-x-6 hover:translate-y-12">
|
|
<div class="duration-500 group-hover:duration-400 relative rounded-2xl w-64 h-36 bg-zinc-800 text-gray-50 flex flex-col justify-center items-center gap-1 before:-skew-x-12 before:rounded-2xl before:absolute before:content[''] before:bg-neutral-700 before:right-3 before:top-0 before:w-64 before:h-32 before:-z-10 group-hover:before:-right-3 group-hover:before:skew-x-12 before:duration-500 group-hover:duration-500">
|
|
<span class="text-5xl font-bold">Jr</span>
|
|
<p class="text-amber-300 font-thin">- Frontend Developer -</p>
|
|
</div>
|
|
</div>
|
|
|