Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
<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-2xl w-full grid grid-cols-3 gap-6">
<div class="aspect-square bg-white rounded-2xl shadow-sm flex items-end p-4 text-xs text-slate-600">shadow-sm</div>
<div class="aspect-square bg-white rounded-2xl shadow-lg flex items-end p-4 text-xs text-slate-600">shadow-lg</div>
<div class="aspect-square bg-white rounded-2xl shadow-2xl flex items-end p-4 text-xs text-slate-600">shadow-2xl</div>
<div class="aspect-square bg-indigo-600 rounded-2xl shadow-xl shadow-indigo-600/40 flex items-end p-4 text-xs text-white">colored</div>
<div class="aspect-square bg-white rounded-2xl shadow-xl flex items-end p-4 text-xs text-slate-600 opacity-50">opacity-50</div>
<div class="aspect-square bg-white/60 backdrop-blur ring-1 ring-white rounded-2xl shadow-xl flex items-end p-4 text-xs text-slate-600">glass</div>
</div>
</div>
rloop.dev/p/Pr-B30