入力内容

HTML

CSS

JavaScript

「箱を動かす」と「猫の絵が変わる」の組み合わせです。猫の絵を変えると同時に、left を -10ずつ変えて行きます。そうすることで、左からの距離がどんどん小さくなり、あたかも左へと動いているように見せることができます。
このように、さまざまな表現を組み合わせることで、一つの「動き」を表現することもできます。ぜひ、いろいろ組み合わせてみましょう!

出力