mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-04 07:19:52 +00:00
Miguel Ángel
4d199c0f3a
Fixture project covering all panel-editable element archetypes, plus the QA findings matrix from the design-panel bug campaign.
36 lines
948 B
HTML
36 lines
948 B
HTML
<template id="qa-sub-template">
|
|
<div
|
|
id="qa-sub-root"
|
|
data-composition-id="qa-sub"
|
|
data-width="560"
|
|
data-height="300"
|
|
data-start="0"
|
|
data-duration="6"
|
|
>
|
|
<style>
|
|
#qa-sub-root {
|
|
position: relative;
|
|
width: 560px;
|
|
height: 300px;
|
|
background: #1d2733;
|
|
overflow: hidden;
|
|
}
|
|
#qa-sub-title {
|
|
font-size: 36px;
|
|
margin: 20px;
|
|
color: #8ecae6;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
</style>
|
|
<div id="qa-sub-clip" class="clip" data-hf-id="qa-sub-clip" data-start="0" data-duration="6">
|
|
<h2 id="qa-sub-title" data-hf-id="qa-sub-title">Sub-composition child</h2>
|
|
</div>
|
|
<script>
|
|
window.__timelines = window.__timelines || {};
|
|
window.__timelines["qa-sub"] = gsap
|
|
.timeline({ paused: true })
|
|
.to("#qa-sub-title", { opacity: 0.7, duration: 1 }, 0);
|
|
</script>
|
|
</div>
|
|
</template>
|