Created
July 11, 2025 09:52
-
-
Save vaebe/6e9cb93ecd8c2c1396b143670dfa3e5d to your computer and use it in GitHub Desktop.
文字渐变-带呼吸
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style> | |
| .gradient-text { | |
| font-size: 28px; | |
| background: linear-gradient(45deg, #f9d423, #ff4e50, #7b4397, #00c6ff); | |
| background-size: 300% 300%; | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| animation: gradient-shift 8s ease infinite, pulse 2s infinite alternate; | |
| } | |
| @keyframes gradient-shift { | |
| 0% { | |
| background-position: 0% 50%; | |
| } | |
| 50% { | |
| background-position: 100% 50%; | |
| } | |
| 100% { | |
| background-position: 0% 50%; | |
| } | |
| } | |
| @keyframes pulse { | |
| 0% { | |
| transform: scale(1); | |
| } | |
| 100% { | |
| transform: scale(1.05); | |
| } | |
| } | |
| </style> | |
| <h1 class="gradient-text">生命不息，奋斗不止，以梦为马，不负韶华。</h1> |
Author
vaebe
commented
Jul 11, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment