Added <StickerPeel /> animation

This commit is contained in:
Utkarsh-Singhal-26
2025-07-22 19:01:14 +05:30
parent b5024c46af
commit 0b2321c7c3
5 changed files with 578 additions and 1 deletions

View File

@@ -0,0 +1,23 @@
import code from '@/content/Animations/StickerPeel/StickerPeel.vue?raw';
import { createCodeObject } from '@/types/code';
export const stickerPeel = createCodeObject(code, 'Animations/StickerPeel', {
installation: `npm install gsap`,
usage: `<template>
<StickerPeel
:image-src="logo"
:width="200"
:rotate="30"
:peelBackHoverPct="20"
:peelBackActivePct="40"
:shadow-intensity="0.6"
:lighting-intensity="0.1"
:initial-position="{ x: -100, y: 100 }"
/>
</template>
<script setup lang="ts">
import StickerPeel from './StickerPeel.vue';
import logo from './assets/sticker.png';
</script>`
});