diff --git a/index.html b/index.html
index 1876fcae63d4a035cdfd60c26b112cda230be43e..314fc8f050f5dbe2ae15f826e430dd40a21bb980 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,8 @@
     <div class="container">
         <img src="src/assets/logo.svg" alt="InsCode">
         <div>欢迎来到 InsCode</div>
+        <div class="box">ss</div>
+
     </div>
     <script src="script.js"></script>
 </body>
diff --git a/style.css b/style.css
index b71aefeb44c37fd9fbd21145a8912cf62322ebdc..42e67f2728df9d36486fe4b1cc14dee6a97812f6 100644
--- a/style.css
+++ b/style.css
@@ -6,4 +6,22 @@ html{
 .container {
   text-align: center;
   padding: 64px;
-}
\ No newline at end of file
+}
+.box {
+  width: 100px;
+  height: 100px;
+  background-color: red;
+  animation: myAnimation 2s linear infinite;
+}
+
+@keyframes myAnimation {
+  0% {
+    transform: translateX(0);
+  }
+  50% {
+    transform: translateX(200px);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}