css3でblinkっぽいアニメーション

css3

スマートフォンサイトをやっているとblinkタグが効かなかったりするので作ってみた。

.blink {
  -webkit-animation-name blink; // blinkという名前（仮）で
  -webkit-animation-duration: 1.0s
  -webkit-animation-iteration-count: infinite;  //無制限繰り返し
}

@-webkit-keyframes blink {
  0%   {opacity:0}
  100% {opacity:1}
}

ちょっとゆらめく感じだけれど、っぽくはある。