亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

css3實現文字閃爍,改變透明度

css3實現文字閃爍,改變透明度

一只甜甜圈 2018-08-28 06:18:38
只用css,怎么實現文字的透明度從1到0.5一直動畫,有一種閃爍的感覺
查看完整描述

2 回答

?
智慧大石

TA貢獻1946條經驗 獲得超3個贊

CSS3的animation即可:

<style>

    @-webkit-keyframes shake{

        0%{

            opacity: 1;

        }

        50%{

            opacity: 0.5;

        }

        100%{

            opacity: 1;

        }

    }@keyframes shake{

        0%{

            opacity: 1;

        }

        50%{

            opacity: 0.5;

        }

        100%{

            opacity: 1;

        }

    }

    .shake{

        -webkit-animation: shake 2s infinite;

        animation: shake 2s infinite;

    }

</style>

<h1 class="shake">hello world</h1>


查看完整回答
反對 回復 2018-09-02
  • 2 回答
  • 0 關注
  • 1717 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號