میتوانیم با قرار دادن صرفا یک animation-name برای کلاس‌های gear. و squ. و با تغییر صرفا animation-duration آن‌ها، از نوشتن keyframes‌های تکراری جلوگری کنیم.

.gear-1 {
        .
        .
        .
         animation: rotate 12s infinite linear;
        }
.gear-2 {
        .
        .
        .
        animation: rotate 4s infinite linear;
      }
.squ-1 {
        .
        .
        .
        animation: rotate 15s infinite linear;
      }
.squ-2 {
        .
        .
        .
        animation: rotate 22s infinite linear;
      }
@keyframes rotate {
        from {
          transform: rotate(360deg);
        }
      }