Skip to content

Instantly share code, notes, and snippets.

View mflamadev's full-sized avatar

mflamadev mflamadev

  • RECON Studios
View GitHub Profile
@mflamadev
mflamadev / index.html
Created December 5, 2025 22:44
Parallax scroll animation
<svg class="parallax" viewBox="0 0 750 500" preserveAspectRatio="xMidYMax slice">
<defs>
<!-- Scene 1 Gradient -->
<linearGradient id="grad1" x1="-154.32" y1="263.27" x2="-154.32" y2="374.3" gradientTransform="matrix(-1, 0, 0, 1.36, 231.36, -100.14)" gradientUnits="userSpaceOnUse">
<stop offset="0.07" stop-color="#9c536b" />
<stop offset="0.98" stop-color="#d98981" />
</linearGradient>
<radialGradient id="bg_grad" cx="375" cy="-30" r="318.69" gradientUnits="userSpaceOnUse">
<stop offset="0.1" stop-color="#F5C54E" id="sun" />
<stop offset="0.1" stop-color="#FFDBA6" />
@mflamadev
mflamadev / index.html
Created December 4, 2025 09:54
Navidad
<canvas class="webgl"></canvas>
<h1><small>Con</small> Deseos de Navidad<small> Para</small> Todos</h1>
<button id="play-music" type="button">Reproducir Música</button>
<footer>
<p>Hecho por PAKA DC.</p>
<p>Instagram <a href="https://www.instagram.com/xx_pak4?igsh=MTFoNnZkeWU4ZHYwZw==">PAKA DC</a></p>
</footer>
<script type="x-shader/x-vertex" id="vertexShader">
uniform float uTime;
uniform float uSize;