// vender prefixは省略 .hoge { animation: fadein 1s; animation-fill-mode: forwards; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } transitionでやらない、jsを使わないという条件の元だと、たぶんこう書く。でもこれだとAndroid 2.3で上手く動作しない。なぜかと言うと、animation-fill-modeをサポートしていないから(アニメーション終了直後にopacity: 0の状態に戻ってしまう)。 そこで最初から.hoge { opacity: 1; }と記述しておくというハックがある。しかし、これはanimation-delayがなければ上手くいくが、animation-delayを設けると開始からdelayの間だけ