css3のanimationを使ってみたら予想以上に簡単だった！ | スターフィールド株式会社css3のanimationをwebサイトでちょこちょこ見かけるようになったので試してみました。 デモを作ってみましたので、ご覧下さい。 DEMO 横に動かしつつ、縦にもちょっと動いていてフワフワと動いているイメージです。 animationの設定方法 こちらでは説明を簡単にするため、DEMOの一番したのアニメーションの説明をします。 liにanimationを設定します。 position: absolute; animation: moveY 2s infinite alternate linear; -ms-animation: moveY 2s infinite alternate linear; -webkit-animation: moveY 2s infinite alternate linear; -moz-animation: moveY 2s infinite alte
