More than 5 years have passed since last update.

cssでテキスト点滅

Last updated at 2015-10-21Posted at 2015-10-16

今は懐かしい 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;
}

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up