atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 14:39:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add prettier config, format codebase

Browse Source
This commit is contained in:
David Haz
2025-07-12 11:59:33 +03:00
parent ac8b2c04d8
commit f4d97ee94e
211 changed files with 10586 additions and 8810 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/content/TextAnimations/ShinyText/ShinyText.vue
View File

@@ -1,11 +1,11 @@
<script setup lang="ts">
import { computed } from 'vue'
import { computed } from 'vue';
interface ShinyTextProps {
text: string
disabled?: boolean
speed?: number
className?: string
text: string;
disabled?: boolean;
speed?: number;
className?: string;
}
const props = withDefaults(defineProps<ShinyTextProps>(), {
@@ -13,16 +13,17 @@ const props = withDefaults(defineProps<ShinyTextProps>(), {
disabled: false,
speed: 5,
className: ''
})
});
const animationDuration = computed(() => `${props.speed}s`)
const animationDuration = computed(() => `${props.speed}s`);
</script>
<template>
<div
:class="`text-[#b5b5b5a4] bg-clip-text inline-block ${!props.disabled ? 'animate-shine' : ''} ${props.className}`"
:style="{
backgroundImage: 'linear-gradient(120deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 60%)',
backgroundImage:
'linear-gradient(120deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 60%)',
backgroundSize: '200% 100%',
WebkitBackgroundClip: 'text',
animationDuration: animationDuration