35 k vues
Planetary Pulse
Planetary Pulse : section hero animée pensée pour une expérience 3D/WebGL, construite avec Tailwind CSS, Framer Motion, Three.js.
Build a single-screen, non-scrolling hero landing page called **Terranova — Signals from the Deep Green**. It is a full-bleed looping background video with a real-time refractive "liquid glass" card floating over it, plus a slide-in fullscreen menu. Vanilla HTML/CSS/JS only — **no frameworks, no build step, no Three.js, no WebGL, no canvas 3D**. The glass effect is done entirely with an SVG filter plus a 2D canvas that re-draws the video every frame. Produce exactly five files: `index.html`, `styles.css`, `glass-card.js`, `ui.js`, `serve.mjs`. --- ## 1. Global setup ### Fonts In `<head>`, in this order: ```html <link rel="preconnect" href="https://fonts.googleapis.com" />
Débloquer le Prompt Studio à vie
530 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.
Accès illimité à tous les prompts · Studio inclus · Paiement unique
- Typographies
- Helvetica Neue Light
- Palette
