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