basicscroll滚动鼠标转眼睛效果
代码语言:html
所属分类:加载滚动
代码描述:basicscroll滚动鼠标转眼睛效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
width: 100%;
height: 500vh;
background: #fffcee;
}
.tracker {
width: 100%;
height: 100%;
}
.emoji {
--size: 112px;
position: fixed;
top: calc(50% - var(--size) / 2);
left: calc(50% - var(--size) / 2);
width: var(--size);
height: var(--size);
background: url(data:image/png;base64,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.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0