效果
源码
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Glowing Gradient Circle Text Animation</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="circle">
<ul>
<li style="--i:-4;"><span>♣</span></li>
<li style="--i:-3;"><span>O</span></li>
<li style="--i:-2;"><span>n</span></li>
<li style="--i:-1;"><span>l</span></li>
<li style="--i:0;"><span>i</span></li>
<li style="--i:1;"><span>n</span></li>
