ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-07 01:56:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "feat(registry): the video-primitive moves, documented and customisable (#3090)" (#3162)

Browse Source 
This reverts commit 3b53bfd2f7.
This commit is contained in:
Miguel Ángel
2026-08-10 14:47:47 -04:00
committed by GitHub
parent 3b53bfd2f7
commit c86d4013f5
2328 changed files with 5906 additions and 458525 deletions
Download Patch File Download Diff File Expand all files Collapse all files
registry/components/motion-blur/demo.html
Vendored
+75 -13
View File
@@ -134,8 +134,6 @@
width: 200px;
height: 72px;
border-radius: 36px;
/* Flat L1 ink: every row is the same object, so only the blur differs. */
background: rgba(244, 244, 245, 0.72);
will-change: transform, filter;
}
@@ -149,7 +147,6 @@
font-size: 56px;
font-weight: 800;
letter-spacing: -0.03em;
color: #f4f4f5;
will-change: transform, filter;
}
@@ -199,8 +196,21 @@
<div class="track-a"></div>
<div class="inner-div"></div>
<div class="track-b"></div>
<div class="pill" id="s1"></div>
<div class="word" id="t1">DRIFT</div>
<div
class="pill"
id="s1"
style="
background: linear-gradient(135deg, #60a5fa, #2563eb);
box-shadow: 0 0 32px rgba(96, 165, 250, 0.18);
"
></div>
<div
class="word"
id="t1"
style="color: #3b82f6; text-shadow: 0 0 40px rgba(96, 165, 250, 0.3)"
>
DRIFT
</div>
<div class="spd"><span class="spd-label">slow</span></div>
</div>
@@ -211,8 +221,21 @@
<div class="track-a"></div>
<div class="inner-div"></div>
<div class="track-b"></div>
<div class="pill" id="s2"></div>
<div class="word" id="t2">GLIDE</div>
<div
class="pill"
id="s2"
style="
background: linear-gradient(135deg, #34d399, #059669);
box-shadow: 0 0 32px rgba(52, 211, 153, 0.18);
"
></div>
<div
class="word"
id="t2"
style="color: #10b981; text-shadow: 0 0 40px rgba(52, 211, 153, 0.3)"
>
GLIDE
</div>
<div class="spd"><span class="spd-label">medium</span></div>
</div>
@@ -223,8 +246,21 @@
<div class="track-a"></div>
<div class="inner-div"></div>
<div class="track-b"></div>
<div class="pill" id="s3"></div>
<div class="word" id="t3">RUSH</div>
<div
class="pill"
id="s3"
style="
background: linear-gradient(135deg, #c084fc, #7c3aed);
box-shadow: 0 0 32px rgba(192, 132, 252, 0.18);
"
></div>
<div
class="word"
id="t3"
style="color: #a855f7; text-shadow: 0 0 40px rgba(192, 132, 252, 0.3)"
>
RUSH
</div>
<div class="spd"><span class="spd-label">fast</span></div>
</div>
@@ -237,8 +273,21 @@
<div class="track-a"></div>
<div class="inner-div"></div>
<div class="track-b"></div>
<div class="pill" id="s4"></div>
<div class="word" id="t4">BLAST</div>
<div
class="pill"
id="s4"
style="
background: linear-gradient(135deg, #fb923c, #ea580c);
box-shadow: 0 0 32px rgba(251, 146, 60, 0.18);
"
></div>
<div
class="word"
id="t4"
style="color: #f97316; text-shadow: 0 0 40px rgba(251, 146, 60, 0.3)"
>
BLAST
</div>
<div class="spd"><span class="spd-label">faster</span></div>
</div>
@@ -249,8 +298,21 @@
<div class="track-a"></div>
<div class="inner-div"></div>
<div class="track-b"></div>
<div class="pill" id="s5"></div>
<div class="word" id="t5">WARP</div>
<div
class="pill"
id="s5"
style="
background: linear-gradient(135deg, #f87171, #dc2626);
box-shadow: 0 0 32px rgba(248, 113, 113, 0.18);
"
></div>
<div
class="word"
id="t5"
style="color: #ef4444; text-shadow: 0 0 40px rgba(248, 113, 113, 0.3)"
>
WARP
</div>
<div class="spd"><span class="spd-label">extreme</span></div>
</div>