From 1e5f8eb33bc41cb59faf059e83701152785cabea Mon Sep 17 00:00:00 2001 From: yingyu5658 Date: Sat, 13 Dec 2025 08:33:08 +0800 Subject: Initial commit --- ...214\207\351\222\210\346\223\215\344\275\234.md" | 32 ++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 "content/posts/CSS\351\274\240\346\240\207\346\214\207\351\222\210\346\223\215\344\275\234.md" (limited to 'content/posts/CSS鼠标指针操作.md') diff --git "a/content/posts/CSS\351\274\240\346\240\207\346\214\207\351\222\210\346\223\215\344\275\234.md" "b/content/posts/CSS\351\274\240\346\240\207\346\214\207\351\222\210\346\223\215\344\275\234.md" new file mode 100644 index 0000000..f651111 --- /dev/null +++ "b/content/posts/CSS\351\274\240\346\240\207\346\214\207\351\222\210\346\223\215\344\275\234.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; +} +``` + +这样鼠标指针的效果就做好了(因为我的截图软件要用鼠标指针选区,所以截不到图) -- cgit v1.2.3