CSSのアニメーションのデザインを変更したい

Question

下記のサイトのアニメーションの「使用例」を参考にしているのですが，当該「使用例」のアニメーションを左から右に動くのではなく，右から左に動くようにしたいのですが，どのようにすれば良いのでしょうか．

CSS - animation

【試した事柄】
■「position:fixed;」を使用して，右側に固定することはできました．

※初心者であるため，サンプルコードを用意して頂けたりしたら，ありがたいです．

Answer 1

下記で右側に固定されてアニメーションしますが、どの辺がご希望と異なりますか。

div.sample {
  animation: anime1 5s ease -2s infinite alternate;
  position:fixed;
  right: 0;
}
@keyframes anime1 {
  0% {
    width: 50px;
    height: 50px;
    background-color: aqua;
  }
  100% {
    width: 200px;
    height: 50px;
    background-color: blue;}
}

CodePenサンプル

Comments

[k-ymd]

ありがとうございます！
希望通りの動作となりますので，まったく問題ありません．