3d文字鼠标跟随特效
代码语言:html
所属分类:视觉差异
代码描述:3d文字鼠标跟随特效
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
path {
fill: none;
stroke: black;
stroke-width: 1px;
}
svg {
position: absolute;
opacity: 0;
pointer-events: none;
outline: 1px solid black;
}
canvas {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
margin: auto;
touch-action: none;
}
body {
display: flex;
height: 100vh;
overflow: hidden;
align-items: flex-start;
margin: 0;
background: black;
}
</style>
</head>
<body translate="no">
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path d="M101.85 141.28h74.46L206.4 243.4l34.34-102.73h61.39l34.34 102.73 30.09-102.12h73.25l-69.6 214.27h-62l-37.38-105.77-37.38 105.77h-62l-69.6-214.27z" /><path d="M451.98 141.28h71.12v75.07h65.04v-75.07h71.12v212.75h-71.12v-76.29H523.1v76.29h-71.12V141.28z" /><path d="M746.79 278.66l-80.24-137.37h79.63l36.47 69.9 36.77-69.9h78.72L817.9 277.75v76.29h-71.12v-75.38z" /><g><path d="M360.62 590.72l23.7-28.26c14.41 11 30.91 15.55 46.46 15.55 7.96 0 11.38-2.09 11.38-5.69v-.38c0-3.79-4.17-5.88-18.39-8.72-29.77-6.07-55.94-14.6-55.94-42.67v-.38c0-25.22 19.72-44.75 56.32-44.75 25.6 0 44.56 6.07 59.92 18.2l-21.62 29.96c-12.52-9.1-27.5-13.08-39.82-13.08-6.64 0-9.67 2.28-9.67 5.5v.38c0 3.6 3.6 5.88 17.64 8.53 33.94 6.26 56.7 16.12 56.7 42.86v.38c0 27.88-22.95 44.94-58.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0