实例:旋转渐变光标
技术栈:HTML+CSS+JS
效果:

源码:
【HTML】
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旋转渐变光标</title>
    <link rel="stylesheet" href="241.css">
</head>
<body>
    <div class="gradient"></div>
    <h1>渐变光标</h1>
</body>
</html>
<script src="241.js"></script>【CSS】
/**
 * 定义自定义属性`--turn`,用于表示旋转角度。
 */
@property --turn {
  syntax: "<angle>"; /* 指定该属性的语法为角


















