✦ Verified product
PACK TRANSITION
EUR 37.00
THEOGDFACTORY
Verified independent store
→
/* ===== THE OGD FACTORY — DA LABO / TRANSITION GREEN ===== */ @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Inter:wght@400;500;700&display=swa
p'); .ogd-product-description{ --acid:#a6ff00; --glow:rgba(140,255,20,.5); background:#030303; color:#ffffff; font-family:Inter,sans-serif; padding:18px; position:relative; overflow:hidden; } /* halo vert ambiant */ .ogd-product-description::before{ content:""; position:absolute; width:520px;height:520px; border-radius:50%; background:var(--acid); filter:blur(160px); opacity:.13; 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,#0a0a0a,#050505); border:1px solid rgba(166,255,0,.22); border-radius:18px; padding:18px; box-shadow:0 0 0 1px rgba(166,255,0,.08),0 0 25px rgba(140,255,20,.10),0 20px 40px rgba(0,0,0,.45); } .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 16px var(--glow); } .ogd-text, .ogd-pack-text, .ogd-item-desc{ color:#eef3e6; 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,.12); 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,.16); border-radius:14px; overflow:hidden; cursor:pointer; } .ogd-item-head{ padding:14px; display:flex; justify-content:space-between; align-items:center; } .ogd-item-title{ font-family:Orbitron,sans-serif; font-size:12px; text-transform:uppercase; color:#ffffff; } .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-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%; } } Arrête de perdre du temps et monte plus vite faire chaque transition à la main te fait perdre un temps précieux. Ce pack t’apporte instantanément des transitions pros, prêtes à l’emploi et simples à utiliser. Glisse une transition. Change le rythme. Gagne du temps. Pourquoi ce pack fait la différence drag and drop + Glisse la transition sur ta timeline, ajuste en un clic, et obtiens instantanément un rendu propre et professionnel. Transforme instantanément le rendu de tes scènes + Zoom, blur, flash ou impact : tes vidéos passent instantanément d’un rendu simple à une esthétique dynamique et moderne. Contenu du pack 15 presets : • 2 Flash Transition • 5 Blur Transition • 5 Zoom Transition • 2 Spin Transition • 1 Glitch Transition Inclus Tutorial complet (valeur 40€) accès instantané et mises à jour à vie. Plus de rythme. Plus de style. 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"); }); });
