cssでテキスト点滅

今は懐かしい blink タグの代わり

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

SASSで待機時間指定出来るようにして使ってる。

@mixin blink( $wait ) {
  -webkit-animation:blink #{$wait}s ease-in-out infinite alternate;
  -moz-animation:blink #{$wait}s ease-in-out infinite alternate;
  animation:blink#{$wait}s ease-in-out infinite alternate;
}