css3省略號小動畫...

 

利用僞元素 :after 的content屬性配合css3作省略號加載小動畫。

<span class="coming">敬請期待</span>

<style>

    .coming:after{content: "";-webkit-animation:dotAnimate 1s infinite;}

    @-webkit-keyframes dotAnimate{
        0%,100%{content: "";}
        25%{content: ".";}
        50%{content: "..";}
        75%{content: "...";}
    }

</style>