CSS 滑动发光文字 动画

    <template>
    	<view class="content">
    		<view class="faguang" data-text="Awesome">
    			<text class="actual-text">{
  {text}}</text>
    			<text aria-hidden="true" class="hover-text">{
  {text}}</text>
    		</view>
    	</view>
    </template>

    <script setup>
    	import {
    		ref
    	} from "vue"

    	const text = ref("我发光了")
    </script>

    <style>
    	body {
    	    background-color: black; /* 设置页面背景颜色为黑色 */
    	}
    	.content {
    	    display: flex;
    	    flex-direction: column;
    	    align-items: center;
    	    justify-content: center;
    	    margin-top: 300px; /* 顶部外边距为300像素，将内容垂直居中显示 */
    	}
    	.faguang {