实例:旋转渐变光标
技术栈: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>"; /* 指定该属性的语法为角