PACK SHAKE/TRANSITION
/* ===== 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, .ogd-bonus, .ogd-overlays-highlight, .ogd-price-box{ 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, .ogd-bonus-title, .ogd-price-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 .accent{ color:var(--acid); text-shadow:0 0 18px var(--glow); } .ogd-text, .ogd-pack-text, .ogd-item-desc, .ogd-bonus li{ color:#cfd6c5; font-size:14px; line-height:1.7; } .ogd-badge{ display:inline-block; padding:8px 12px; border-radius:999px; background:rgba(166,255,0,.12); border:1px solid rgba(166,255,0,.40); color:var(--acid); font-size:11px; font-weight:800; text-transform:uppercase; margin-bottom:12px; text-shadow:0 0 10px var(--glow); } .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); color:#eaffd0; font-weight:800; } .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:520px; padding:0 14px 14px; } .ogd-item.active .ogd-item-icon{ transform:rotate(45deg); } .ogd-overlays-highlight{ text-align:center; background:radial-gradient(circle at 50% 38%,rgba(166,255,0,.22),rgba(166,255,0,.04) 60%,#060606); } .ogd-overlays-number{ font-family:Orbitron,sans-serif; font-size:56px; font-weight:900; color:var(--acid); text-shadow:0 0 26px var(--glow); } .ogd-overlays-number span{ display:block; font-size:14px; color:#fff; text-shadow:none; } .ogd-price-box{text-align:center} .ogd-price-row{ display:flex; justify-content:center; gap:14px; align-items:end; } .ogd-old-price{ font-size:28px; text-decoration:line-through; color:#6f7a63; font-weight:700; } .ogd-new-price{ font-size:56px; font-family:Orbitron,sans-serif; color:var(--acid); font-weight:900; text-shadow:0 0 26px var(--glow); } .ogd-save{ margin-top:10px; display:inline-block; padding:8px 12px; border-radius:999px; background:rgba(166,255,0,.12); border:1px solid rgba(166,255,0,.40); color:var(--acid); font-size:12px; font-weight:800; } .ogd-cta{ text-align:center; 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); color:#061000; } .ogd-cta p{color:#0a1a00} .ogd-cta-title{ font-family:Orbitron,sans-serif; font-size:20px; font-weight:900; text-transform:uppercase; color:#061000; } .ogd-btn{ display:inline-flex; margin-top:10px; padding:11px 16px; border-radius:999px; background:#050505; color:var(--acid); text-decoration:none; font-family:Orbitron,sans-serif; font-size:11px; font-weight:900; box-shadow:0 0 16px rgba(140,255,20,.5); } .ogd-bonus ul{padding-left:18px} .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%; } } Exclusive Bundle Shake + Transition Presets 35 presets réunis pour donner plus d’énergie, plus de fluidité et un rendu plus pro à tes edits. Des presets professionnels en 2 clics Pourquoi perdre du temps quand tu peux en gagner + Passe de longues minutes à keyframer chaque effet à simplement glisser ton preset sur la timeline et obtenir un rendu propre en 2 secondes. Tout est déjà réglé et prêt à l’emploi. L’élément visuel qui transforme un edit + Des shakes et transitions qui boostent instantanément le rythme, la qualité et l’impact visuel de tes clips. Ajoute tout ça en seulement 2 clics. Contenu du bundle + +35 presets prêts à l’emploi. • 5 Camera Shake • 2 Heavy Shake • 4 Zoom Shake • 10 Impact Shake • 5 Flash Transition • 5 Blur Transition • 2 Zoom Transition • 1 Spin Transition • 1 Glitch Transition 35 Presets Offre bundle limitée 97€ 67€ Tu économises 40€ aujourd’hui Livraison instantanée Tu reçois le bundle par mail instantanément après l’achat. Passe au niveau supérieur Donne enfin à tes montages le rythme et l’impact qu’ils méritent avec un bundle conçu pour aller vite. Obtenir le bundle 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"); }); });
More you might like
Related
TOP 50 Music Video Camera Shakes & Transition Pack
Related
CAC Chinaware Transitions Salt Shaker 2 1/4"
Related
CAC Chinaware Transitions Pepper Shaker 2 1/4"
Related