Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
<div class="min-h-screen bg-gradient-to-br from-slate-50 via-white to-indigo-50/40 font-sans text-slate-900 antialiased p-8 flex items-center justify-center">
<div class="max-w-md w-full bg-white ring-1 ring-slate-200 rounded-2xl p-6 shadow-sm">
<div class="flex items-center gap-4">
<div class="h-12 w-12 rounded-full bg-gradient-to-br from-indigo-500 to-violet-600 animate-pulse"></div>
<div class="flex-1 space-y-2">
<div class="h-3 rounded-full bg-slate-100 animate-pulse"></div>
<div class="h-3 rounded-full bg-slate-100 w-2/3 animate-pulse"></div>
</div>
</div>
<button class="mt-6 w-full px-5 py-3 rounded-xl bg-indigo-600 text-white font-medium transition-all duration-300 hover:bg-indigo-700 hover:scale-[1.02]">Smooth transition</button>
</div>
</div>
rloop.dev/p/Pr-U29