15 lines
733 B
HTML
15 lines
733 B
HTML
|
<template>
|
||
|
|
<style>
|
||
|
|
#root { position: absolute; inset: 0; pointer-events: none; }
|
||
|
|
#wash-top { position: absolute; left: 0; top: 0; width: 100%; height: 420px; background: linear-gradient(to bottom, rgba(5,11,26,0.78), rgba(5,11,26,0)); }
|
||
|
|
#wash-bottom { position: absolute; left: 0; bottom: 0; width: 100%; height: 440px; background: linear-gradient(to top, rgba(5,11,26,0.82), rgba(5,11,26,0)); }
|
||
|
|
</style>
|
||
|
|
<div id="root" data-composition-id="wash" data-width="1920" data-height="1080">
|
||
|
|
<div id="wash-top" data-layout-ignore></div>
|
||
|
|
<div id="wash-bottom" data-layout-ignore></div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
const tl = gsap.timeline({ paused: true });
|
||
|
|
window.__timelines["wash"] = tl;
|
||
|
|
</script>
|
||
|
|
</template>
|