<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gradient Text Example</title>
<style>body {font-family: 'Arial', sans-serif;display: flex;justify-content: center;align-items: center;height: 100vh;margin: 0;background-color: #f0f0f0;}.gradient-text {font-size: 4rem;font-weight: bold;background-image: linear-gradient(45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);-webkit-background-clip: text;background-clip: text;color: transparent; }@keyframes moveGradient {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}
</style>
</head>
<body><h1 class="gradient-text">渐变文字效果</h1></body>
</html>
_百度推广优化方案_郑州官网网络营销外包)
