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 {原文地址：https://blog.csdn.net/weixin_54226053/article/details/135513665
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！