CSS3如何实现div闪烁效果

效果：

Html:

<h1 class="blink">花花世界</h1>

　

Css:

 @keyframes fade {
             from {
                 opacity: 1.0;
             }
             50% {
                 opacity: 0.4;
             }
             to {
                 opacity: 1.0;
             }
         }
         @-webkit-keyframes fade {
             from {
                 opacity: 1.0;
             }
             50% {
                 opacity: 0.4;
             }
             to {
                 opacity: 1.0;
             }
         }
         .blink {
             color: red;
             padding: 10px;
             font-size: 15px;
             height: 60px;
             animation: fade 600ms infinite;
             -webkit-animation: fade 600ms infinite;
         }