ZH
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
首页 收藏
Voltar

自定义光标生成器(CSS)

选择一张图片(PNG 或 SVG)或制作圆形光标。在复制之前,先把鼠标移到测试区域试试。

使用方法

贴合网站风格的鼠标光标

把鼠标移到这里测试
也可以移到这个链接上


可用语言: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

下一个工具网站 FAQ 生成器(手风琴 + schema)→
广告

自定义光标生成器(CSS): 用途

自定义光标能强化作品集、品牌网站和游戏的个性。选择你想要的颜色和大小的圆形(圆环、实心或带点的圆环),或上传 PNG 或 SVG 图片,设置点击点,并在测试区域中试用。

生成的 CSS 包含 data URI 形式的图片、hotspot、备用光标,以及在链接和按钮上保留手形的选项。当图片超过 128 px 时工具会提醒,因为超过这个限制浏览器会忽略光标。

使用方法

  1. 选择圆形或图片。
  2. 调整颜色、大小或点击点。
  3. 测试并复制 CSS。

使用场景

  • 设计师作品集。
  • 品牌或活动网站。
  • 游戏页面。

常见问题

光标最大可以多大?

浏览器接受的光标图片最大为 128 × 128 px;超过后会忽略该图片并使用备用光标。最稳妥也最舒适的尺寸是 32 px。

什么是点击点(hotspot)?

它是图片中被当作光标尖端的像素。箭头的点击点在尖端;圆形的则在圆心。CSS 中图片地址后面的两个数字就是这个点的位置。

自定义光标会造成妨碍吗?

如果光标太小、对比度不足,或点击点位置不对,就会造成妨碍。请用在个性鲜明的网站(作品集、游戏、品牌),并始终在链接上保留手形或等效光标,以表明它们可以点击。

真的免费吗?

是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。

相似工具

非常感谢您的支持!

每一笔捐赠都有助于维持网站运行。这些工具旨在帮助您,但我们有服务器开销。如果您愿意支持,将不胜感激!请选择或输入金额:

通过Stripe安全支付。将在新标签页打开。

工具按现状提供,不作任何保证。我们不对结果及其使用承担责任。