回答WAVE立川校卒業生へブログお問い合わせカレンダーcssアニメーションでパラパラアニメを作る方法2件の返信animationプロパティのanimation-timing-functionの値にsteps()を使うと、簡単にパラパラアニメが作れます。作成の手順は以下の通り。cssスプライト画像を作る要領で、アニメの一連の動作を分解した絵を描いて一枚の画像に書き出す。横300px縦100pxでこんな絵を描いてみました。横50px縦100pxの5枚のスプライトをを繋げた状態です。クラスparapara要素を作り、この絵を背景にして、横50px縦100px、overflowをhiddenにします。animationを含めてcssの設定はこうなります。(ベンダープレフィックスは省略しています。{background-position:-250px;}}簡単ですね?animation-timing-functionの解説はこちらなど。ついて顧問と講師をやってます。designerでマークアップ原理主義者の傾向があります。好きな要素は::before、::afterの疑似要素。好きなcssはanimationです。PMまねしてやってみました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。DESIGNERの集まりです。ヘッダー画像をトップページにだけ表示させたい。