blink 「ブリンク・点滅」 のCSS生成

<style type="text/css">
.blinkS1 {
  animation: blinkAnimeS1 2s infinite alternate;
}
@keyframes blinkAnimeS1{
 0%  { color : yellow }  /* 33%ごとに色を入れ替え */
 33% { color : blue   }
 66% { color : green  }
 100%{ color : red    }
}
</style>

<style type="text/css">
.blinkS2 {
  animation: blinkAnimeS2 2s infinite alternate;
}
@keyframes blinkAnimeS2{
   0%{ color : red;   background:white }
 100%{ color : white; background:red   }
}
</style>

<style type="text/css">
.blinkS3 {
  animation: blinkAnimeS3 .5s infinite alternate;
}
@keyframes blinkAnimeS3{
 0%  { font-weight : normal  }
 100%{ font-weight: bold }
}
</style>

<style type="text/css">
.blinkS4 {
  display:inline-block;
  border-bottom: 1px solid #000;
  animation: blinkAnimeS4 .5s infinite alternate;
}
@keyframes blinkAnimeS4{
 0%  { border-bottom-color: #fff }
 100%{ border-bottom-color: #000 }
}
</style>

<style type="text/css">
.blinkS5 {
  display:inline-block;
  animation: blinkAnimeS5 2s infinite;
}
@keyframes blinkAnimeS5{
  100% { transform: rotateX(360deg); }
}
</style>