yybCodeLife/index.html at master · yangyanbin/yybCodeLife · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>gitHubDemo</title>
    <meta name="viewport" content="width=device-width">
    <link rel="ICON" href="./favicon.ico" type="image/x-icon">
    <style type="text/css">
    html,body{margin:0;padding:0;}
    body{margin:0 auto;font-size:16px;}
    .nav{height:200px;width:100%;background:#000;position:relative;}
    .nav img{width:16%;height:auto;max-width:100px;position:absolute;left:5%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);border-radius:10px;animation:big 1.5s infinite alternate ease-in-out;-webkit-animation:big 1.5s infinite alternate ease-in-out;}
    @keyframes big {from{transform:translateY(-50%) scale(0.9);}to{transform:translateY(-50%) scale(1.0);}}
    @-webkit-keyframes big {from{transform:translateY(-50%) scale(0.9);}to{transform:translateY(-50%) scale(1.0);}}
	.nav h1{height:200px;margin:0;padding-left:25%;color:#fff;line-height:200px;}
	.section{padding-left:20px;padding-top:40px;}
    </style>
</head>
<body>
<nav class="nav">
	<img src="app/res/images/photo.jpg">
	<h1>仅供娱乐</h1>
</nav>
<section class="section">
<ul>
<li><a href="app/requireJsDemo/">requireJs的相关练习</a></li>
<li><a href="app/escape/canvas.html">华容道</a></li>
<li><a href="app/clipboard/">js复制</a></li>
<li><a href="app/gitDemo/git.html">git 的练习</a></li>
<li><a href="app/uploadView/upload.html">上传预览</a></li>
<li><a href="app/uploadView/download.html">下载文件流</a></li>
<li><a href="app/vueJs/vue.html">Vue.js</a></li>
<li><a href="app/funJs/">FunJs</a></li>
<li><a href="app/funCss/">FunCss</a></li>
<li><a href="app/lqbz/http.html">Http响应</a></li>
<li><a href="app/DVA.html">DVA</a></li>
<li><a href="app/BFC/">BFC</a></li>
<li><a href="app/react/react.md">react</a></li>
<li><a href="app/svgBackground/index.html">使用svg背景图片做水印</a></li>
<li><a href="app/funJs/randomArray.html">随机排列数组</a></li>
<li><a href="app/test/index.html">测试</a></li>
</ul>
</section>
</body>
</html>