This commit is contained in:
36
app/pages/dev.vue
Normal file
36
app/pages/dev.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<template>
|
||||
<div class="bg-slate-100 w-screen h-screen">
|
||||
<div id="logo-container">
|
||||
...
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { gsap } from 'gsap'
|
||||
import { onMounted } from 'vue'
|
||||
onMounted(() => {
|
||||
const tl = gsap.timeline({ defaults: { ease: "power2.out " } });
|
||||
|
||||
// B2 -> x: 95, y: 75
|
||||
tl.to("#B2", { x: 95, y: 75 });
|
||||
// B3 -> x: 115, y: 55
|
||||
tl.to("#B3", { x: 115, y: 55 });
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#logo-container {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
transform-origin: top left;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#logo-vb .bar {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user