PACK OVERLAY BULLET ATTACK
/* ===== THE OGD FACTORY — DA LABO / VERT FLUO ===== */ @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Inter:wght@400;500;700&display=swap'); .o gd-product-description{ --acid:#a6ff00; --acid-soft:#c6ff4d; --glow:rgba(140,255,20,.5); background:#050505; color:#fff; font-family:Inter,sans-serif; padding:18px; position:relative; overflow:hidden; } /* halo vert ambiant (lueur de fiole) */ .ogd-product-description::before{ content:""; position:absolute; width:520px;height:520px; border-radius:50%; background:var(--acid); filter:blur(160px); opacity:.12; top:-140px;left:50%; transform:translateX(-50%); pointer-events:none; z-index:0; } /* ===== LIQUIDE EN ARRIÈRE-PLAN (monte & descend) ===== */ .ogd-liquid-bg{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; } .ogd-liquid-bg .fill{ position:absolute; left:-5%; right:-5%; bottom:0; width:110%; height:22%; background:linear-gradient(180deg,rgba(182,255,51,.5),rgba(47,122,0,.45)); filter:blur(2px); box-shadow:0 0 90px rgba(140,255,20,.4); opacity:.5; animation:ogd-rise 9s ease-in-out infinite; } @keyframes ogd-rise{ 0%,100%{ height:16%; } 50% { height:52%; } } .ogd-liquid-bg .wave{ position:absolute; left:0; right:0; top:-22px; height:44px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 44' preserveAspectRatio='none'%3E%3Cpath d='M0 24 C 27 8 53 8 80 24 S 133 40 160 24 V44 H0 Z' fill='%23b6ff33'/%3E%3C/svg%3E") repeat-x; background-size:160px 44px; opacity:.6; animation:ogd-wave 5s linear infinite; } @keyframes ogd-wave{ from{ background-position-x:0; } to{ background-position-x:160px; } } .ogd-liquid-bg .b{ position:absolute; bottom:0; width:10px;height:10px; border-radius:50%; background:rgba(235,255,200,.55); box-shadow:0 0 10px var(--glow); opacity:.5; animation:ogd-bubble 7s ease-in infinite; } .ogd-liquid-bg .b:nth-child(2){ left:14%; width:7px;height:7px; animation-duration:8s; animation-delay:1s; } .ogd-liquid-bg .b:nth-child(3){ left:38%; width:12px;height:12px; animation-duration:6.5s; animation-delay:2.4s; } .ogd-liquid-bg .b:nth-child(4){ left:62%; width:8px;height:8px; animation-duration:9s; animation-delay:.5s; } .ogd-liquid-bg .b:nth-child(5){ left:82%; width:9px;height:9px; animation-duration:7.5s; animation-delay:3s; } @keyframes ogd-bubble{ 0% { transform:translateY(0); opacity:0; } 10% { opacity:.5; } 100%{ transform:translateY(-340px); opacity:0; } } .ogd-wrap{ position:relative; z-index:1; max-width:920px; margin:auto; display:grid; gap:18px; } .ogd-hero, .ogd-list-box, .ogd-pack, .ogd-cta{ background:linear-gradient(180deg,#0e0e0e,#060606); border:1px solid rgba(166,255,0,.10); border-radius:18px; padding:18px; box-shadow:0 0 0 1px rgba(166,255,0,.05),0 0 30px rgba(140,255,20,.06),0 20px 40px rgba(0,0,0,.55); } .ogd-title, .ogd-list-title, .ogd-pack-title{ font-family:Orbitron,sans-serif; font-weight:900; letter-spacing:.5px; text-transform:uppercase; } .ogd-title{ font-size:clamp(28px,6vw,48px); line-height:1; } .ogd-title .line{display:block} .ogd-title .accent{ color:var(--acid); text-shadow:0 0 18px var(--glow); } .ogd-text, .ogd-pack-text, .ogd-item-desc{ color:#cfd6c5; font-size:14px; line-height:1.7; } .ogd-punch{ margin-top:14px; display:inline-block; padding:10px 14px; border-radius:12px; background:rgba(166,255,0,.10); border:1px solid rgba(166,255,0,.38); font-weight:800; color:#eaffd0; } .ogd-item{ margin-top:10px; background:#0c0f09; border:1px solid rgba(166,255,0,.08); border-radius:14px; overflow:hidden; } .ogd-item-head{ padding:14px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; } .ogd-item-title{ font-family:Orbitron,sans-serif; font-size:12px; text-transform:uppercase; } .ogd-item-icon{ width:26px; height:26px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:var(--acid); color:#050505; font-weight:900; box-shadow:0 0 14px var(--glow); } .ogd-item-desc{ max-height:0; overflow:hidden; transition:.35s ease; padding:0 14px; } .ogd-item.active .ogd-item-desc{ max-height:220px; padding:0 14px 14px; } .ogd-item.active .ogd-item-icon{ transform:rotate(45deg); } .ogd-chip-list{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; } .ogd-chip{ padding:9px 12px; border-radius:10px; background:#0c0f09; border:1px solid rgba(166,255,0,.18); color:#dfeccb; font-size:11px; font-weight:800; } .ogd-cta{ text-align:center; font-family:Orbitron,sans-serif; font-size:20px; font-weight:900; color:#061000; background:linear-gradient(180deg,#b3ff1a,#2f7a00); border:1px solid rgba(166,255,0,.55); box-shadow:0 0 40px rgba(140,255,20,.35),0 20px 40px rgba(0,0,0,.5); } .ogd-reveal{ opacity:0; transform:translateY(30px); transition:.7s ease; } .ogd-reveal.is-visible{ opacity:1; transform:none; } @media(prefers-reduced-motion:reduce){ .ogd-liquid-bg .fill,.ogd-liquid-bg .wave,.ogd-liquid-bg .b{ animation:none; } .ogd-liquid-bg .fill{ height:35%; } } BOOST LE RENDU DE TES CLIPS Gagne un temps énorme sans aucune compétence en 3D. Ajoute instantanément des animations de balles réalistes à tes scènes, sans modéliser ni animer toi-même. Pensé pour les monteurs qui veulent aller vite avec un rendu propre. GLISSE. AJUSTE. RENDU PRO IMMÉDIAT. POURQUOI CE PACK FAIT LA DIFFÉRENCE TU PERDS DU TEMPS À TOUT REFAIRE + Chercher un modèle 3D propre, texturer, animer, régler les angles, refaire les trajectoires... Trop long. Trop chiant. Trop de friction. AJOUTE DES ANIMATIONS EN 2 CLICS + Drag & Drop sur ta timeline. Les overlays sont prêts, texturés, fluides et instantanément utilisables. CONTENU DU PACK +20 overlays d’animations de balles en 3D. • Face caméra • Diagonales rapides • Ricochets métalliques • Passages latéraux • Impacts dynamiques Plusieurs styles inclus : • Balles de pistolet • Balles de fusil 20 OVERLAYS ALPHA 4K TOUS LOGICIELS Compatible CapCut, Premiere Pro, After Effects, Final Cut, DaVinci Resolve et plus encore. Aucun plugin nécessaire. DRAG & DROP NO PLUGIN MAC / WIN LIVRAISON Tu reçois le pack directement dans ton mail juste après achat. PLUS DE PUISSANCE. PLUS DE VITESSE. PLUS D’IMPACT. const obs = new IntersectionObserver(entries=>{ entries.forEach(entry=>{ if(entry.isIntersecting){ entry.target.classList.add("is-visible"); } }); }); document.querySelectorAll(".ogd-reveal").forEach(el=>obs.observe(el)); document.querySelectorAll(".ogd-item-head").forEach(head=>{ head.addEventListener("click",()=>{ head.parentElement.classList.toggle("active"); }); });
