blob: f651111a6d26d8850f5cb09f2d429021fb291115 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
---
abbrlink: 3385388897
categories:
- 往昔
cover: ./cover.jpg
date: "2025-03-04 10:13:10"
tags:
- 前端
title: CSS鼠标指针操作
---
今天在上网冲浪的时候，看到Github上有一个明日方舟风格的[主题](https://github.com/Yue-plus/hexo-theme-arknights)，这个主题让我感到新鲜的一点是网页中的鼠标指针特效
这么舒服的动画效果我必须也要做一个，说干就干，新建个HTML文档。
```css
* {
cursor: pointer;
}
```
这样，我们整个网页的鼠标指针样式就都变成了小手指的样式，不过这样还是太丑，我们仿照arknights主题的样式，打开PS，画一个指针图标出来看看
使用url()属性可以替换自己的素材图片
```css
* {
cursor: url("./source/cu.ico"), auto;
}
```
这样鼠标指针的效果就做好了（因为我的截图软件要用鼠标指针选区，所以截不到图）
|
