three.js 实现鼠标滚动天降馅饼效果
代码语言:html
所属分类:视觉差异
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> Three.js - Scroll for hot dogs</title> <style> body { align-items: center; display: flex; height: 100vh; justify-content: center; } canvas { position: fixed; top: 0; left: 0; height: 100%; width: 100%; } div { align-items: center; color: darkslategrey; display: flex; font-size: 12px; font-weight: 400; letter-spacing: 2px; line-height: 1.5; pointer-events: none; position: relative; text-align: center; text-transform: uppercase; z-index: 1; } span { font-size: 3em; m.........完整代码请登录后点击上方下载按钮下载查看
网友评论0