-
Notifications
You must be signed in to change notification settings - Fork 67
/
3dtag.html
84 lines (81 loc) · 5.22 KB
/
3dtag.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>3d tag</title>
<style>
.tagBall {
width:500px;
height:500px;
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.tag {
display:block;
position:absolute;
left:0px;
top:0px;
color:#000;
text-decoration:none;
font-size:15px;
font-family:"微软雅黑";
font-weight:bold;
}
.tag:hover {
border:1px solid #ccc;
}
.form_vav td {
color:#a78b6f;
}
</style>
</head>
<body>
<div class="tagBall">
<a href="src/Funny-demo/Whale/whale.html" target="_blank" class="tag" title="效果预览">whale</a>
<a href="src/Funny-demo/Doraemon/index.html" target="_blank" class="tag" title="效果预览">哆啦A梦</a>
<a href="src/Funny-demo/triangle.html" target="_blank" class="tag" title="效果预览">三角形特效</a>
<a href="src/Funny-demo/tentacles/tentacles.html" target="_blank" class="tag" title="效果预览">疯狂的触角</a>
<a href="src/Funny-demo/Blob/index.html" target="_blank" class="tag" title="效果预览">果冻模拟</a>
<a href="src/Funny-demo/ticky_thing/index.html" target="_blank" class="tag" title="效果预览">黏糊糊的东西</a>
<a href="src/Funny-demo/CSS3-hover/index.html" target="_blank" class="tag" title="效果预览">CSS3鼠标悬停特效</a>
<a href="src/Funny-demo/beanstalk/index.html" target="_blank" class="tag" title="效果预览">魔豆</a>
<a href="src/Funny-demo/blackhole/index.html" target="_blank" class="tag" title="效果预览">黑洞</a>
<a href="src/Canvas-demo/tearCloth.html" target="_blank" class="tag" title="效果预览">Tearable Cloth</a>
<a href="src/Canvas-demo/mechanical_grass/grass.html" target="_blank" class="tag" title="效果预览">机械草</a>
<a href="src/Canvas-demo/nets.html" target="_blank" class="tag" title="效果预览">nets</a>
<a href="src/Canvas-demo/nets_black/index.html" target="_blank" class="tag" title="效果预览">星空网络背景</a>
<a href="src/Canvas-demo/rose.html" target="_blank" class="tag" title="效果预览">玫瑰花</a>
<a href="src/Canvas-demo/loader.html" target="_blank" class="tag" title="效果预览">粒子进度条</a>
<a href="src/Canvas-demo/Conductor/index.html" target="_blank" class="tag" title="效果预览">Conductor</a>
<a href="src/Canvas-demo/space_noodles/index.html" target="_blank" class="tag" title="效果预览">Space noodles</a>
<a href="src/Canvas-demo/liquid_particles/index.html" target="_blank" class="tag" title="效果预览">粒子液体</a>
<a href="src/Canvas-demo/liquid_chars/liquid-chars.html" target="_blank" class="tag" title="效果预览">星星液体</a>
<a href="src/Canvas-demo/apple_watch/index.html" target="_blank" class="tag" title="效果预览">Apple Watch</a>
<a href="src/Canvas-demo/coolRain/index.html" target="_blank" class="tag" title="效果预览">彩虹雨</a>
<a href="src/Canvas-demo/spider/spider.html" target="_blank" class="tag" title="效果预览">Spider</a>
<a href="src/3D-demo/3DGoogle/index.html" target="_blank" class="tag" title="效果预览">3D Google</a>
<a href="src/3D-demo/micah/index.html" target="_blank" class="tag" title="效果预览">3Dscene</a>
<a href="src/3D-demo/3Dfacegirl/index.html" target="_blank" class="tag" title="效果预览">3D girl</a>
<a href="src/3D-demo/3Dphoto/index.html" target="_blank" class="tag" title="效果预览">3D相册</a>
<a href="src/3D-demo/3DTunnel/3Dtunnel.html" target="_blank" class="tag" title="效果预览">3D隧道</a>
<a href="src/3D-demo/voxels-liquid/index.html" target="_blank" class="tag" title="效果预览">三维液体</a>
<a href="src/3D-demo/periodic-table/index.html" target="_blank" class="tag" title="效果预览">3D元素周期表</a>
<a href="src/3D-demo/3Dcube/index.html" target="_blank" class="tag" title="效果预览">3D正方体旋转</a>
<a href="src/WebGL-demo/webgl-water/index.html" target="_blank" class="tag" title="效果预览">webGL-water</a>
<a href="src/WebGL-demo/visualEYEzer/index.html" target="_blank" class="tag" title="效果预览">visualEYEzer</a>
<a href="src/WebGL-demo/jellyfish/index.html" target="_blank" class="tag" title="效果预览">3D水母</a>
<a href="src/Threejs-demo/examples/webgl_materials_cubemap_dynamic2.html" target="_blank" class="tag" title="效果预览">反射球</a>
<a href="src/WebGL-demo/clouds/index.html" target="_blank" class="tag" title="效果预览">模拟云</a>
<a href="src/Threejs-demo/examples/webgl_materials_cubemap_balls_reflection.html" target="_blank" class="tag" title="效果预览">反射效果</a>
<a href="src/Game-demo/chinese_chess/index.html" target="_blank" class="tag" title="效果预览">Chinese chess</a>
<a href="src/Game-demo/caisse/index.html" target="_blank" class="tag" title="效果预览">重力感应积木</a>
<a href="src/Svg-demo/theCreepyMouth/index.html" target="_blank" class="tag" title="效果预览">theCreepyMouth</a>
<a href="src/Svg-demo/butterFlies/index.html" target="_blank" class="tag" title="效果预览">蝴蝶飞舞</a>
</div>
<script src="./3dTag.js"></script>
</body>
</html>