文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使文字闪烁在反应中？

问如何使文字闪烁在反应中？
EN

Stack Overflow用户

提问于 2022-08-11 10:11:25

回答 2查看 560关注 0票数 1

我试图使文字闪烁在反应中。我完全是个反应新手。到目前为止，我试着把文字变成红色。密码在这里，

import React from "react";
import { Component } from "react";

class DisplayMyName extends Component {
    render(){
        const mystyle = {
            color:"red",
        }
        return (
            <div>
                <h1 style={mystyle}>
                    Deepesh
                </h1>
            </div>
        );
    }
}

export default DisplayMyName;

如何通过使用CSS属性使其闪烁，就像我在上面的代码中尝试的那样？

reactjs

css

回答 2

Stack Overflow用户

发布于 2022-08-11 10:22:20

尝试一下这个npm包

https://www.npmjs.com/package/react-blink-text

或将以下css包含在单独的文件中

blink {
-webkit-animation-name: blink; 
-webkit-animation-iteration-count: infinite; 
-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
-webkit-animation-duration: 1s;
}

票数 2

Stack Overflow用户

发布于 2022-10-17 15:59:07

<html>
  <body>
        <style>
        .blink {
            animation: blinker .75s linear infinite;
            color: red;
            font-family: sans-serif;
        }
        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }
    </style>
    <p class="blink"> This is an example of blinking text using CSS. </p>
  </body>
</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73318943

复制

相似问题

问如何使文字闪烁在反应中？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使文字闪烁在反应中？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使文字闪烁在反应中？
EN