Developer Builds Interactive 3D Tilt Card with Particles Using Vanilla HTML and JS

A full-stack developer based in Lagos, Nigeria, created a lightweight interactive UI demo without any external libraries. The project features a canvas-based particle network background, a glassmorphic card that tilts in 3D based on mouse position, and a typewriter effect cycling through role text. The 3D tilt effect is achieved using CSS properties like transform-style: preserve-3d and a perspective value on the parent container, while the typewriter animation relies solely on setTimeout and two counters. The entire project fits into a single HTML file with roughly 60 lines of CSS and 60 lines of JavaScript. The developer built it as a self-contained portfolio demo to demonstrate core fundamentals like canvas rendering, CSS 3D transforms, and animation timing.