CSSCSSで二つの小さな四角形がぐるぐる四角を描いて回るローディングアイコンを作りました。-100%);}}要素は一個で。ベンダープレフィックスは適宜追加してください。ポジション指定とtranslateの%では基準が違うので、組み合わせることで左端から右端、上端から下端といった移動ができます。二つの擬似要素をアニメーションさせますが、同じ動きなので、一つのkeyframesを適用して、片方の開始位置をanimation-delayでちょうど半分ずらしています。ここでは省略していますが、デモのように片っぽの色を変えるのもかわいくて良いと思います。