CSS Анімація

<head>
  <style> 
    .first { animation: myscale 5s infinite linear; }
    .second { animation: myscale 5s infinite ease; }
    .third { animation: myscale 5s infinite ease-in; }
    .fourth { animation: myscale 5s infinite ease-out; }
    .fifth { animation: myscale 5s infinite ease-in-out; } 
  </style>
</head>
<body>
  <div class="first"></div>
  <div class="second"></div>
  <div class="third"></div>
  <div class="fourth"></div>
  <div class="fifth"></div>
</body>

<head>
  <style> 
    .first { 
      animation: myscale 5s infinite linear; 
    }
    @keyframes myscale { 
      0% {  background-color: blue; } 
      100% { background-color: yellow; } 
    }
  </style>
</head>
<body>
  <div class="first"></div>
</body>

<head>
  <style> 
    .first { 
      animation: myscale 5s infinite linear; 
    }
    @keyframes myscale { 
      0% { transform: scale(0,0); } 
      100% { transform: scale(1,1); } 
    }
  </style>
</head>
<body>
  <div class="first"></div>
</body>

<head>
  <style> 
    .first { 
      animation: myscale 5s infinite linear; 
    }
    @keyframes myscale { 
      0% {  transform: rotate(0deg); } 
      100% {  transform: rotate(180deg); } 
    }
  </style>
</head>
<body>
  <div class="first"></div>
</body>

<head>
  <style> 
    .first { 
      animation: myscale 5s infinite linear; 
    }
    @keyframes myscale { 
      0% { transform: translate(0,0) translateX(80px); } 
      100% { transform: translate(50px,50px) translateY(80px); } 
    }
  </style>
</head>
<body>
  <div class="first"></div>
</body>

<head>
  <style> 
    .first { 
      animation: myscale 5s infinite linear;
      animation-delay: 1s; 
    }
    @keyframes myscale { 
      0% { transform: scale(0,0); } 
      100% { transform: scale(1,1); } 
    }
  </style>
</head>
<body>
  <div class="first"></div>
</body>

<head>
  <style> 
    .first { 
      width: 100px; 
      height: 100px; 
      background: red; 
      box-shadow: 10px 10px 10px rgba(0,0,0,0.5); 
    }
  </style>
</head>
<body>
  <div class="first"></div>
</body>