css3实现文字闪烁，改变透明度

Question

只用css，怎么实现文字的透明度从1到0.5一直动画，有一种闪烁的感觉

Answer 1

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>