css实现文字鼠标悬浮光标自定义显示svg图片效果代码

代码语言:html

所属分类:其他

代码描述:css实现文字鼠标悬浮光标自定义显示svg图片效果代码

代码标签: css 文字 鼠标 悬浮 光标 自定义 显示 svg 图片

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
  
  
<style>
body {
  background: #001d3d;
  color: white;
  font-family: sans-serif;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 5rem;
  text-align: center;
}

h1:hover {
  cursor: url('data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNjA1LjYgODAwIj4KICA8cGF0aCBmaWxsPSIjZWY0NzZmIiBkPSJNNTM4LjEsMjU2LjFjLTE0LjUsMC0yOCw0LjYtMzkuMSwxMi41LTUuMi0zMi4yLTMzLjEtNTYuOC02Ni43LTU2LjhzLTI4LDQuNi0zOS4xLDEyLjVjLTUuMi0zMi4yLTMzLjEtNTYuOC02Ni43LTU2LjhzLTI3LjMsNC40LTM4LjIsMTEuOXYtNTAuMWMwLTIyLjEtMjIuMS0zMi45LTY3LjUtMzIuOXMtNjcuNSwxMC44LTY3LjUsMzIuOXYyNTAuOGMtMTQuMy03LTMwLjItMTAuNy00Ni43LTEwLjctMjguNSwwLTU1LjMsMTEuMS03NS41LDMxLjMtNDEuNyw0MS42LTQxLjcsMTA5LjQsMCwxNTEuMWwxMzAuOCwxMzAuOWMyNC41LDc1LjksMTAxLjQsMTE3LjUsMjE3LjQsMTE3LjVzMjI2LjEtNjMuOCwyMjYuMS0xNzV2LTMwMS40YzAtMzcuMi0zMC4zLTY3LjUtNjcuNS02Ny41Wk01ODIuNSw1MDguOWMtMTgwLjEtOTAtMzQ1LjIsMTExLjMtNTM0LjgsMjYuMy0zMi43LTMyLjctMzIuNy04NS42LDAtMTE4LjMsMTYuNC0xNi4zLDM.........完整代码请登录后点击上方下载按钮下载查看

网友评论0