だらだら〜個人事業〜

HatenaDiaryから引っ越してきました。Githubもnyakagawanです。

html5でCSSでBlink

AndroidIPhoneでやってみた。

.blink{
	-webkit-animation-name: "anime-blink";
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes "anime-blink"{
	0%{opacity:0}
	100%{opacity:1}
}
------
<span class="blink">てんめつ!</span>

HTML4のBlinkは使ったこと無いけど、なんかCSSでやるとページ描画直後に動きががくつく。
MarginLeftとかをアニメーションさせてMarqee作ろうと思ったけど、断念。さらっとは出来なかった。