自定义光标生成器(CSS)
选择一张图片(PNG 或 SVG)或制作圆形光标。在复制之前,先把鼠标移到测试区域试试。
使用方法贴合网站风格的鼠标光标
选择光标图片
PNG 或 SVG,最好为 32 × 32 px
PNG 或 SVG,最好为 32 × 32 px
把鼠标移到这里测试
也可以移到这个链接上
也可以移到这个链接上
广告
自定义光标生成器(CSS): 用途
自定义光标能强化作品集、品牌网站和游戏的个性。选择你想要的颜色和大小的圆形(圆环、实心或带点的圆环),或上传 PNG 或 SVG 图片,设置点击点,并在测试区域中试用。
生成的 CSS 包含 data URI 形式的图片、hotspot、备用光标,以及在链接和按钮上保留手形的选项。当图片超过 128 px 时工具会提醒,因为超过这个限制浏览器会忽略光标。
使用方法
- 选择圆形或图片。
- 调整颜色、大小或点击点。
- 测试并复制 CSS。
使用场景
- 设计师作品集。
- 品牌或活动网站。
- 游戏页面。
常见问题
光标最大可以多大?
浏览器接受的光标图片最大为 128 × 128 px;超过后会忽略该图片并使用备用光标。最稳妥也最舒适的尺寸是 32 px。
什么是点击点(hotspot)?
它是图片中被当作光标尖端的像素。箭头的点击点在尖端;圆形的则在圆心。CSS 中图片地址后面的两个数字就是这个点的位置。
自定义光标会造成妨碍吗?
如果光标太小、对比度不足,或点击点位置不对,就会造成妨碍。请用在个性鲜明的网站(作品集、游戏、品牌),并始终在链接上保留手形或等效光标,以表明它们可以点击。
真的免费吗?
是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。