Initial commit

1 files changed, 32 insertions, 0 deletions

diff --git a/content/posts/CSS鼠标指针操作.md b/content/posts/CSS鼠标指针操作.md
new file mode 100644
index 0000000..f651111
--- /dev/null
+++ b/content/posts/CSS鼠标指针操作.md
@@ -0,0 +1,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;
+}
+```
+
+这样鼠标指针的效果就做好了（因为我的截图软件要用鼠标指针选区，所以截不到图）