diff --git a/happybirthday.html b/happybirthday.html
new file mode 100644
index 0000000000000000000000000000000000000000..458718e466fb82542661f09a7edf0c534579b960
--- /dev/null
+++ b/happybirthday.html
@@ -0,0 +1,93 @@
+<html>
+
+<head>
+    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>happy 7th birthday to gitee</title>
+    <style>
+        .text {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            -webkit-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);
+            font-size: 5vw;
+            -webkit-animation-name: move;
+            animation-name: move;
+            -webkit-animation-iteration-count: infinite;
+            animation-iteration-count: infinite;
+            -webkit-animation-timing-function: ease-in-out;
+            animation-timing-function: ease-in-out;
+            font-weight: bolder;
+        }
+
+        .text:nth-of-type(1) {
+            -webkit-animation-duration: 2s;
+            animation-duration: 2s;
+            -webkit-animation-delay: 0.55s;
+            animation-delay: 0.55s;
+        }
+
+        .text:nth-of-type(2) {
+            -webkit-animation-duration: 2s;
+            animation-duration: 2s;
+            -webkit-animation-delay: 0.3s;
+            animation-delay: 0.3s;
+        }
+
+        .text:nth-of-type(3) {
+            -webkit-animation-duration: 2s;
+            animation-duration: 2s;
+            -webkit-animation-delay: 0.05s;
+            animation-delay: 0.05s;
+        }
+
+        .text:nth-of-type(4) {
+            -webkit-animation-duration: 2s;
+            animation-duration: 2s;
+            -webkit-animation-delay: -0.2s;
+            animation-delay: -0.2s;
+        }
+
+        @-webkit-keyframes move {
+
+            40%,
+            50% {
+                -webkit-transform: translate(-50%, -65%) scale(1.05);
+                transform: translate(-50%, -65%) scale(1.05);
+            }
+
+            0%,
+            90%,
+            100% {
+                -webkit-transform: translate(-50%, -45%) scale(0.95);
+                transform: translate(-50%, -45%) scale(0.95);
+            }
+        }
+
+        @keyframes move {
+
+            40%,
+            50% {
+                -webkit-transform: translate(-50%, -65%) scale(1.05);
+                transform: translate(-50%, -65%) scale(1.05);
+            }
+
+            0%,
+            90%,
+            100% {
+                -webkit-transform: translate(-50%, -45%) scale(0.95);
+                transform: translate(-50%, -45%) scale(0.95);
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <div class='text' style='color: maroon;text-transform:uppercase'>happy 7th birthday to gitee</div>
+    <div class='text' style='color: red;text-transform:uppercase'>happy 7th birthday to gitee</div>
+    <div class='text' style='color: pink;text-transform:uppercase'>happy 7th birthday to gitee</div>
+
+</body>
+
+</html>
\ No newline at end of file
