首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >《Custom Cursor for Chrome™》为Chrome换上可爱初音光标

《Custom Cursor for Chrome™》为Chrome换上可爱初音光标

作者头像
zhaoolee
发布2019-07-15 15:35:17
8510
发布2019-07-15 15:35:17
举报
文章被收录于专栏:木子昭的博客木子昭的博客

浏览器的鼠标光标样式, 可以通过css中的cursor属性进行定义, 也可以通过Chrome扩展程序《Custom Cursor for Chrome™》进行更换

最终效果如图所示

image


以下是具体的操作步骤

首先需要两张图片

image

chuyin_guangbiao

chuyin_zhizhen

下载Chrome扩展程序Custom Cursor for Chrome™

image

打开上传面板,上传初音未来的指针和光标素材

image

image

调整光标大小(这一步可以跳过)

image


custom本身也提供了大量的光标素材, 供我们随意挑选

image

Custom Cursor for Chrome™下载链接

https://chrome.google.com/webstore/detail/custom-cursor-for-chrome/ogdlpmhglpejoiomcodnpjnfgcpmgale

小结:

早期的QQ空间和个人博客, 我们会给页面加各种各样的装饰, 连鼠标指针也要定制一下, 当时感觉乐趣无穷, 后面就失去了兴趣, 对于个人博客, 感觉越简洁越好, 于是就有了Next这些大量留白的博客主题,但我感觉在Next这类主题中加一些定制化的小物件也是不错的, 在简洁与花哨之间找到平衡, 不正是生活的乐趣之源么~顺便分享一下我为个人主页添加萌萌哒看板娘的经历3行代码 为网站添加萌萌哒看板娘

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.07.13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 最终效果如图所示
  • 以下是具体的操作步骤
  • 首先需要两张图片
  • 下载Chrome扩展程序Custom Cursor for Chrome™
  • 打开上传面板,上传初音未来的指针和光标素材
  • 调整光标大小(这一步可以跳过)
  • Custom Cursor for Chrome™下载链接
  • 小结:
相关产品与服务
腾讯云 BI
腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档