Update README.md

cloud-oc · web-flow · commit c8e3418a3a0c · 2024-11-24T18:23:33.000+08:00
diff --git a/README.md b/README.md
@@ -1,6 +1,31 @@
 <div align="center">
 <img src="https://github.com/Cloud-OG/Cloud-OG/blob/main/Miku.gif?raw=true" width="26%" align="right" />
 <img src="https://readme-typing-svg.demolab.com?font=Inconsolata&weight=500&size=50&duration=4000&pause=300&color=00FFFF&center=true&vCenter=true&multiline=true&repeat=false&random=false&width=1300&height=140&lines=Ciallo (∠·ω )⌒★;I'm+Cloud%2C+a+game+designer%E2%9C%A9" width="70%" />
+<details>
+    <summary>点击展开渐变颜色文本</summary>
+    <html>
+        <body style="display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #000; font-family: Inconsolata, monospace; font-size: 50px;">
+            <div class="color-text" id="text">Ciallo (∠·ω )⌒★;I'm Cloud, a game designer </div>
+            <style>
+                .color-text {
+                    font-weight: 500;
+                }
+            </style>
+            <script>
+                const textElement = document.getElementById('text');
+                let colorIndex = 0;
+                const colors = ['#FF00FF', '#00FFFF', '#FF0000', '#FFFF00', '#00FF00'];
+
+                function changeColor() {
+                    textElement.style.color = colors[colorIndex];
+                    colorIndex = (colorIndex + 1) % colors.length;
+                }
+
+                setInterval(changeColor, 1000); // 每秒更换一次颜色
+            </script>
+        </body>
+    </html>
+</details>
 <br><br>
 <pre>
     💻 C/C++ • C# • Unity • AIGC • Graphic Design
