码迷,mamicode.com
首页 > 其他好文 > 详细

自定义cursor鼠标 图片

时间:2020-05-28 13:25:15      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:cursor   pre   css   point   设置   图片   int   性能   over   

1、CSS3自定义鼠标样式

最近想要使用自定义鼠标样式,看了cursor的样式不好看,就想到cursor属性能不能自定义图片,翻看了下CSS3文档,发现是可以的

格式为:cursor:url(‘图片url‘),备选样式;

body{
      cursor: url(‘a.ico‘),pointer;
}

注:
1、图片最好32*32大小,转换成ico格式
——网上扒来的转换网址:转换

2、必须设置备选样式

3、IE 图片格式只支持cur和ani

自定义cursor鼠标 图片

标签:cursor   pre   css   point   设置   图片   int   性能   over   

原文地址:https://www.cnblogs.com/fanxinsuoxiang/p/12979903.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!