Untitled

html>
<head>
 <style>
.animated1 {
color:orange;
 animation: rotate 2s linear infinite;
 }
 .animated2 {
color:red;
 position: relative;
 animation: move 2s infinite linear;
 }
 .animated3 {
color:blue;
 animation: scale 1.5s ease-in infinite;
 }
 
 @keyframes rotate {
 from { transform: rotate(0deg); }
 to { transform: rotate(360deg); }
 }
 
 @keyframes move {
 0% { left: 0px; }
 50% { left: 200px; }
 100% { left: 0px; }
 }
 
 @keyframes scale {
 from { transform: scale(1); }
 to { transform: scale(0.5); }
 }
 </style>
</head>
<body>
 <div class="animated1">Animat
Editor is loading...