OTSSigns/OTSSigns-Website
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Add video editor timeline animator with animated playhead and scene transitions

Browse Source
This commit is contained in:
Matt Batchelder
2026-02-21 19:55:47 -05:00
parent 2c82b2e432
commit 2a0b949ea9
4 changed files with 344 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
theme/assets/css/main.css
View File

@@ -5812,3 +5812,32 @@ p:last-child { margin-bottom: 0; }
transition: none !important;
}
}
/* ══════════════════════════════════════════════════════════════════════════════
VIDEO EDITOR ANIMATOR (.platform-visual.has-video-editor)
Laptop frame with dark editor UI, animated timeline playhead and preview.
══════════════════════════════════════════════════════════════════════════════ */
.platform-visual.has-video-editor {
background: none !important;
border: none !important;
border-radius: 0;
aspect-ratio: unset;
padding: 0;
overflow: visible;
display: flex;
align-items: center;
justify-content: center;
min-height: 200px;
}
.ve-stage {
width: 100%;
max-width: 560px;
}
.ve-svg {
width: 100%;
height: auto;
display: block;
filter: drop-shadow(0 8px 28px rgba(0, 0, 0, 0.18));
}