Skip to content

Instantly share code, notes, and snippets.

View Bonatti123's full-sized avatar
๐Ÿ 
Trabajando desde casa

Bonatti123

๐Ÿ 
Trabajando desde casa
View GitHub Profile
@Bonatti123
Bonatti123 / index.html
Created October 7, 2025 21:11
Scroll to bloom
<!-- https://developer.chrome.com/blog/masonry-update -->
<main>
<div class="card-animation-layer">
<article class="card">
<img src="https://assets.codepen.io/2585/Roboto.svg" alt="placeholder-hand-drawn-vector" height="500" width="500">
<p>Sort of short and tiny amount of content here.</p>
<a href="https://blush.design/collections/i6aPXTYbSUdZEveWhgik/transhumans">Cool art</a>
</article>
</div>
@Bonatti123
Bonatti123 / index.html
Created October 7, 2025 20:58
Scroll to bloom
<!-- https://developer.chrome.com/blog/masonry-update -->
<main>
<div class="card-animation-layer">
<article class="card">
<img src="https://assets.codepen.io/2585/Roboto.svg" alt="placeholder-hand-drawn-vector" height="500" width="500">
<p>Sort of short and tiny amount of content here.</p>
<a href="https://blush.design/collections/i6aPXTYbSUdZEveWhgik/transhumans">Cool art</a>
</article>
</div>
@Bonatti123
Bonatti123 / canvas-proximity-mask.markdown
Created October 7, 2025 02:55
Canvas Proximity Mask
@Bonatti123
Bonatti123 / canvas-proximity-mask.markdown
Created October 6, 2025 21:23
Canvas Proximity Mask

Card Beam Animation

An experimental animation where cards slide through a glowing beam and transform into code. Inspired by the awesome Evervault visuals โœจ

A Pen by BL/Sยฎ Studio on CodePen.

License.