flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/text_effect_fluid. cool text fluid effect for your website
flo-bit.dev/text_effect_fluid/
fluid-dynamics
javascript
template
text-effects
842 B
46 lines
1<!doctype html>
2<html lang="en" class="bg-black">
3
4<head>
5 <meta charset="utf-8" />
6 <meta name="viewport" content="width=device-width, initial-scale=1" />
7
8 <title>fluid text effect</title>
9
10 <style>
11 html,
12 body {
13 overflow: hidden;
14 background-color: #000;
15 }
16
17 body {
18 margin: 0;
19 }
20
21 #canvasContainer {
22 position: relative;
23 width: 100vw;
24 height: 100vh;
25 }
26
27 canvas {
28 width: 100%;
29 height: 100%;
30 position: absolute;
31 }
32 </style>
33
34</head>
35
36<body>
37 <!-- <input id="name"></input> -->
38 <div id="canvasContainer">
39 <canvas></canvas>
40 <canvas id="maskCanvas"> </canvas>
41 </div>
42
43 <script src="./script.js"></script>
44</body>
45
46</html>