Explorer
project
index.html
1
2
3
4
5
6
7
<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 space-y-3">
<button class="w-full px-5 py-3 rounded-xl bg-slate-900 text-white font-medium hover:bg-indigo-600 hover:shadow-lg hover:shadow-indigo-600/30 hover:-translate-y-0.5 active:translate-y-0 transition-all duration-200">Hover me</button>
<input class="w-full px-4 py-3 rounded-xl ring-1 ring-slate-200 bg-white focus:ring-2 focus:ring-indigo-500 focus:outline-none transition" placeholder="Focus me…">
<a href="#" class="block w-full px-5 py-3 rounded-xl bg-white ring-1 ring-slate-200 text-center text-slate-700 font-medium hover:ring-slate-900 hover:text-slate-900 transition">Hover ring</a>
</div>
</div>
rloop.dev/p/Pr-F56