Fossil Bed
Jurassic Layer 7
0%
0%
Excavated
0/6
Bones
[▼ hover to sweep dust]
Fossil Excavation Card
by FreeCsStyles Dev's
CardsSedimentary Excavation
🌐HTML/CSS🎨Tailwind⚛️React💚Vue🅰️Angular🔥Svelte☁️LWC
#fossil#excavation#dinosaur#bone#paleontology#archaeology#sediment#rock#skeleton#science
About this component
A slab of sedimentary rock with faint bone-like ridges. Hover acts as a brush, sweeping away dust to reveal fossil fragments. Clicking cracks open a nodule containing a perfectly preserved piece. Progress increases as you explore; the complete skeleton is only visible after thorough excavation.
- Difficulty
- Advanced
- Style
- Sedimentary Excavation
- Frameworks
- HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC
Embed this component
Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/fossil-excavation-card.
<iframe src="/embed/fossil-excavation-card" sandbox="allow-scripts" loading="lazy" title="Fossil Excavation Card" style="border:0;width:100%;height:480px;overflow:hidden"></iframe>