【问题标题】:Blinking Text Shadow CSS3闪烁文本阴影 CSS3
【发布时间】:2013-06-23 04:41:26
【问题描述】:

我想知道是否有任何方法可以让文本阴影在 CSS3 中闪烁。谁能帮我吗?这就是我所拥有的,我只想让文本阴影闪烁。谢谢!

#container .title {
    color: #ba8b00;
    padding: 25px 0 30px 0;
    width: 560px;
    font-size: 42px;
    text-shadow: 3px 3px 5px #ba8b00;
}

【问题讨论】:

    标签: css text shadow blink


    【解决方案1】:

    这应该可以帮助您开始

    @-webkit-keyframes myfirst
    {
        from {text-shadow: 3px 3px 5px #ba8b00;}
        to {text-shadow : none;}
    }
    
    @-moz-keyframes myfirst
    {
        from {text-shadow: 3px 3px 5px #ba8b00;}
        to {text-shadow : none;}
    }
    @keyframes myfirst
    {
        from {text-shadow: 3px 3px 5px #ba8b00;}
        to {text-shadow : none;}
    }
    
    #container .title {
        color: #ba8b00;
        padding: 25px 0 30px 0;
        width: 560px;
        font-size: 42px;
        text-shadow: 3px 3px 5px #ba8b00;
        -webkit-animation: myfirst 1s 98765432;
        -moz-animation: myfirst 1s 98765432;
        animation: myfirst 1s 98765432;
    }
    

    【讨论】:

    • 真棒效果很好。 1 之后的那些长数字是什么?
    • 这是动画应该运行的次数。您可以将其替换为 infinite 以获得无尽的动画效果。
    猜你喜欢
    • 2016-02-03
    • 2011-10-17
    • 2018-04-20
    • 1970-01-01
    • 2018-11-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多