three+animejs实现文字三维动画效果代码
代码语言：html
所属分类：动画
代码描述：three+animejs实现文字三维动画效果代码
代码标签： three animejs 文字 三维 动画 代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
<style>
html, body { margin: 0; padding: 0; height: 100%; background-color: #252423; overflow: hidden; }
canvas { display: block; }
#logo { display: none; }
</style>
</head>
<body>
<svg id="logo" viewBox="0 0 7.156 4.024" xmlns="http://www.w3.org/2000/svg">
<g fill-rule="evenodd" transform="scale(0.01118)">
<polygon id="i-dot" fill="#FF4B4B" points="309.202438 224.68 309.293324 207 332.173324 207 332.212438 224.68"/>
<polygon id="e-dot" fill="#FF4B4B" points="585.36 224.68 587.96 207 610.84 207 608.37 224.68"/>
<path id="a" fill="#FFF" d="M94.78,296.44 C88.1066667,296.44 82.8416667,295.963333 78.985,295.01 C75.1283333,294.056667 72.3333333,292.496667 70.6,290.33 C68.8666667,288.163333 68,285.216667 68,281.49 C68,279.843333 68.13,278.196667 68.39,276.55 L68.78,273.69 C69.4733333,268.836667 70.8166667,265.153333 72.81,262.64 C74.8033333,260.126667 77.9233333,258.35 82.17,257.31 C86.4166667,256.27 92.4833333,255.75 100.37,255.75 L102.97,255.75 C109.123333,255.75 113.933333,256.205 117.4,257.115 C120.866667,258.025 123.38,259.52 124.94,261.6 L125.33,261.6 L125.98,255.49 C126.153333,253.93 126.24,252.933333 126.24,252.5 C126.24,250.42 125.806667,248.903333 124.94,247.95 C124.073333,246.996667 122.751667,246.368333 120.975,246.065 C119.198333,245.761667 116.576667,245.61 113.11,245.61 L110.51,245.61 C106.436667,245.61 103.338333,245.805 101.215,246.195 C99.0916667,246.585 97.6183333,247.191667 96.795,248.015 C95.9716667,248.838333 95.43,249.986667 95.17,251.46 L95.04,251.85 L73.46,251.85 L73.72,249.9 C74.4133333,244.96 75.995,241.233333 78.465,238.72 C80.935,236.206667 84.835,234.451667 90.165,233.455 C95.495,232.458333 103.143333,231.96 113.11,231.96 L116.23,231.96 C124.463333,231.96 130.855,232.501667 135.405,233.585 C139.955,234.668333 143.291667,236.64 145.415,239.5 C147.538333,242.36 148.6,246.563333 148.6,252.11 C148.6,254.363333 148.296667,257.786667 147.69,262.38 L143.01,295.4 L120.52,295.4 L121.69,288.38 L121.43,288.38 C119.61,290.46 117.833333,292.063333 116.1,293.19 C114.366667,294.316667 112.07,295.14 109.21,295.66 C106.35,296.18 102.45,296.44 97.51,296.44 L94.78,296.44 Z M106.87,282.53 C111.55,282.53 115.016667,282.335 117.27,281.945 C119.523333,281.555 121.083333,280.905 121.95,279.995 C122.816667,279.085 123.38,277.72 123.64,275.9 L123.9,274.86 C123.986667,274.426667 124.03,273.82 124.03,273.04 C124.03,271.826667 123.64,270.895 122.86,270.245 C122.08,269.595 120.628333,269.14 118.505,268.88 C116.381667,268.62 113.24,268.49 109.08,268.49 L107.65,268.49 C102.97,268.49 99.4816667,268.706667 97.185,269.14 C94.8883333,269.573333 93.3066667,270.245 92.44,271.155 C91.5733333,272.065 91.01,273.43 90.75,275.25 L90.62,276.29 L90.49,277.59 C90.49,278.89 90.9666667,279.908333 91.92,280.645 C92.8733333,281.381667 94.4116667,281.88 96.535,282.14 C98.6583333,282.4 101.67,282.53 105.57,282.53 L106.87,282.53 Z"/>
<path id="n" fill="#FFF" d="M159.1,233 L181.98,233 L180.42,242.75 L180.68,242.75 C182.586667,240.063333 184.688333,237.94 186.985,236.38 C189.281667,234.82 192.011667,233.693333 195.175,233 C198.338333,232.306667 202.216667,231.96 206.81,231.96 L207.98,231.96 C214.74,231.96 220.156667,232.61 224.23,233.91 C228.303333,235.21 231.315,237.42 233.265,240.54 C235.215,243.66 236.19,247.906667 236.19,253.28 C236.19,255.533333 235.973333,258.523333 235.54,262.25 L230.73,295.4 L207.85,295.4 L212.4,263.03 C212.66,261.21 212.79,259.65 212.79,258.35 C212.79,255.836667 212.313333,253.951667 211.36,252.695 C210.406667,251.438333 208.933333,250.593333 206.94,250.16 C204.946667,249.726667 202.173333,249.51 198.62,249.51 L197.19,249.51 C192.683333,249.51 189.086667,250.03 186.4,251.07 C183.713333,252.11 181.698333,253.691667 180.355,255.815 C179.011667,257.938333 178.08,260.776667 177.56,264.33 L173.14,295.4 L150.26,295.4 L159.1,233 Z"/>
<polygon id="i-bar" fill="#FFF" points="237.98 295.4 246.82 233 269.7 233 260.86 295.4"/>
<path id="m" fill="#FFF" d="M277.34,233 L300.22,233 L298.66,242.75 L298.92.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0