自定义鼠标
发表于|更新于
|浏览量:
无息乌乎生，无绝乌乎续，无无乌乎有？ ——明·宋应星《谈天·日说三》
我们可以使用CSS中的
1 | cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),auto; |
去自定义我们的鼠标图片
这里后面的auto是如果前面鼠标图片失效时的备选方案
我们也可以改成default、pointer等等
甚至可以多个并存
1 | cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),url(https://VampireAchao.github.io/imgs/mouse2.cur),auto; |
效果如下
相关推荐
2022-08-21
webpack
细砂般数不尽的星，有颗向我眨眼睛。——芥川龙之介《侏儒的话》 摘自芥川龙之介的《侏儒的话》。 首先是官方文档：https://webpack.docschina.org/ 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。 接下来我们跟着快速上手一下，将一个普通的html文件使用webpack改造 https://webpack.docschina.org/guides/getting-started 创建目录，安装依赖 1234mkdir webpack-democd webpack-demonpm init -ynpm install webpack webpack-cli --save-dev 新建index.html 1234567891011<!DOCTYPE html><html&...
2022-05-31
node版本管理工具nvm
凡心所向，素履所往，生如逆旅，一苇以航。——『尘曲』 我们经常需要多个node版本切换的场景，nvm可以做到这一切 代码地址：https://github.com/nvm-sh/nvm 我们这里用的是windows，因此windows仓库地址：https://github.com/coreybutler/nvm-windows 首先是下载：https://github.com/coreybutler/nvm-windows/releases/tag/1.1.7 下载zip包后安装即可 注意这里是1.1.7版本，而且安装目录尽量放在D盘新建的目录等没有空格、中文、乱七八糟的权限干扰的目录 然后选择node路径时同理 完成后即可使用 123456789101112$ nvm use 16Now using node v16.9.1 (npm v7.21.1)$ node -vv16.9.1$ nvm use 14Now using node v14.18.0 (npm v6.14.15)$ node -vv14.18.0$ nvm install 12Now using nod...
2025-02-16
animejs
万人都要将火熄灭，我一人独将此火高高举起。——海子 https://github.com/juliangarnier/anime https://animejs.com/ Anime.js：为网页动画注入生命 在现代网页开发中，动画不再仅仅是装饰性的元素，而是增强用户体验、提升交互性的关键部分。Anime.js，一个轻量级的 JavaScript 动画库，提供了一个易于使用的接口来创建复杂的动画效果。它不仅让开发者能够轻松制作视觉冲击力强的动画，还能确保这些动画在各大浏览器中的兼容性，完美融合到现代网页设计中。 什么是 Anime.js？Anime.js 是一个功能强大的 JavaScript 动画库，它能够为 HTML、CSS、SVG、JavaScript 对象等提供平滑、流畅的动画效果。不同于许多其他动画库，Anime.js 不仅支持基本的动画（如平移、旋转、缩放等），还支持更为复杂的时间线和属性控制，让动画的表现更加生动和灵活。 特性和优势 多种动画支持：Anime.js 不仅可以控制 DOM 元素的 CSS 属性，还可以操作 SVG 属性、JavaScript 对象的...
2022-05-24
css继承
浅水是喧哗的，深水是沉默的。——雪莱 我们知道CSS中一些属性会被继承：给父节点设置样式，子节点也会生效例如color、font-size之类的 但像widths, margins, padding, 和 borders 不会被继承，如果被继承，设想一下，给父节点加了一个border，里面的每个子孙元素都有一个border，这不是我们通常想要的效果 如何来控制这些属性呢？ CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上，就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的，那么会设置为 inherit 。 unset 将属性重置为自然值，也就是如果属性是自然继承那么就是 inherit，否则和 initial一样 这里有一个简单的demo： 12345678910111213141516171819202122232425262728293031<div> <h2> ...
2024-11-13
uniapp-cli工程
人生苦短，虽说如此，还会感到无聊。——佚名 除了HBuilderX可视化界面，也可以使用 cli 脚手架，可以通过 vue-cli 创建 uni-app 项目。 #环境安装全局安装 vue-cli 1npm install -g @vue/cli 复制代码 #创建uni-app 使用正式版（对应HBuilderX最新正式版） 1vue create -p dcloudio/uni-preset-vue my-project 复制代码 使用alpha版（对应HBuilderX最新alpha版） 1vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project 复制代码 使用Vue3/Vite版 创建以 javascript 开发的工程（如命令行创建失败，请直接访问 gitee 下载模板） 1npx degit dcloudio/uni-preset-vue#vite my-vue3-project 复制代码 1npx degit dcloudio/uni-preset-vue#vite-alpha...
2020-06-26
id长度太长的坑
今天写代码发现返回给前端的id，前端拿到后最后两位归零了。。。 11275821421230030848 本来是这么一串id，到了前端那边变成了 11275821421230030800 最后，只好用toString，然后把对象转换成map，返回给前端…
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog