FEAT: 🎉 New <LaserFlow /> animation

This commit is contained in:
Utkarsh-Singhal-26
2025-09-09 18:56:26 +05:30
parent b2a63c37b2
commit fd1492705d
7 changed files with 811 additions and 4 deletions

View File

@@ -3,7 +3,24 @@ import { createCodeObject } from '@/types/code';
export const gradualBlur = createCodeObject(code, 'Animations/GradualBlur', {
installation: `npm install mathjs`,
usage: `
usage: `<template>
<section style="position: relative; height: 500px; overflow: hidden;">
<div style="height: 100%; overflow-y: auto; padding: 6rem 2rem;">
<!-- Content Here - such as an image or text -->
</div>
<GradualBlur
target="parent"
position="bottom"
height="6rem"
:strength="2"
:divCount="5"
curve="bezier"
:exponential="true"
:opacity="1"
/>
</section>
</template>
<script setup lang="ts">
import GradualBlur from "./GradualBlur.vue";