形形色色的cursor

cursor

今日入暑，真的有点无心钻研，（其实写了点three.js/echarts/express的demo），所以返回头来扒点细节，偶然被一位亲问道了cursor，一直再用pointer啊喂，还真不直到cursor其他的还有哪些样式，赶紧来看看

  1. dom

    1
    <div class="cursorType"></div>

  2. css
    来给他指定点样式吧

    1
    2
    3
    4
    5
    6
    .cursorType{
        width:30px;
        height: 30px;
        background:#000;
        border-radius: 50%;
    }

  3. cursor
    cursor一般有这么多属性：auto|default|pointer|wait|text|vertical-text|no-drop|not-allowed|not-allowed|help|all-scroll|move| crosshair
    分别：默认箭头|箭头|手|等待（loading）|输入|水平输入|不可拖动|无效|帮助|三角|移动|大十字

  4. 效果
    不知道怎么截屏时会截取到鼠标的我，只好引用别人的图了，html和css白写了
    别人的图
赏

谢谢你请我吃糖果

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    2、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: true
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

一家6口:“我妈，我媳妇，我俩孩儿：公喵橘子/母喵雪花”