animationでアニメーションさせる要素のwidthを%指定するとどうなるのか?3つの指定を比較します。pointcssプロパティanimationとkeyframesは3つ同じです。ベンダープレフィックスは書いてません。@keyframesのtranslate3d(0,0,0);は(x,y,z)です。(横軸,縦軸,奥行き)3秒かけて(0,0,0)から(100%,0,0)にアニメーションします。3em;でtransform:translate3d(100%,0,0);という場合の100%は自分の横幅(3em)という事。100%;(表示画面の100%)でtransform:translate3d(100%,0,0);という場合の100%は自分の横幅の100%という事。表示画面の100%だけ移動する。20%;(表示画面の20%)でtransform:translate3d(100%,0,0);という場合の100%は自分の横幅の20%という事。表示画面の20%だけ移動する。design2014-06-13。