Starbeamrainbowlabs<p>It's definitely not perfect but I made a thing! It's a shiny card effect 🎴 with 3d perspective, done in mostly-pure CSS with a bit of Javascript for cursor positions etc.</p><p>📱 Doesn't work very well on mobile at the moment though - it's on my todo list.</p><p>In other news, CSS container queries are both fun, useful, and confusing. 📦📦📦</p><p><a href="https://starbeamrainbowlabs.com/labs/shinycard.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">starbeamrainbowlabs.com/labs/s</span><span class="invisible">hinycard.html</span></a></p><p><a href="https://fediscience.org/tags/HowDoITag" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HowDoITag</span></a> <a href="https://fediscience.org/tags/IDontEvenKnowIJustPostHere" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IDontEvenKnowIJustPostHere</span></a> <a href="https://fediscience.org/tags/Noodling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Noodling</span></a> <a href="https://fediscience.org/tags/WebNoodling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebNoodling</span></a> <a href="https://fediscience.org/tags/NoodlingAround" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoodlingAround</span></a> <a href="https://fediscience.org/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://fediscience.org/tags/CssVariables" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssVariables</span></a> <a href="https://fediscience.org/tags/WereUsed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WereUsed</span></a> <a href="https://fediscience.org/tags/AndAbused" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AndAbused</span></a> <a href="https://fediscience.org/tags/CSS3D" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS3D</span></a></p>