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）！