lkarch/lkarch.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Backround fix

Browse Source
This commit is contained in:
Lucas Kent 2022-11-22 12:39:22 -05:00 committed by GitHub
parent 0c6f87aa6d
commit 33e8cf647d
1 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
index.html
View File

@ -14,6 +14,7 @@
<link rel="stylesheet" href="styles/button.css"> <link rel="stylesheet" href="styles/button.css">
</head> </head>
<body> <body>
<div class="bg"></div>
<ul> <ul>
<li><a class="active" href="/index.html">Home</a></li> <li><a class="active" href="/index.html">Home</a></li>
<li><a href="/sitemap.html">Sitemap</a></li> <li><a href="/sitemap.html">Sitemap</a></li>
@ -28,6 +29,40 @@
<a hidden href='/sitemap.html'><button class="button">Sitemap</button></a> <a hidden href='/sitemap.html'><button class="button">Sitemap</button></a>
</body> </body>
<style> <style>
body {
background-color: #111111;
margin: 0;
overflow-x: hidden;
}
.bg {
position: fixed;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
width: 200%;
height: 200vh;
background: transparent url('http://assets.iceable.com/img/noise-transparent.png') repeat 0 0;
background-repeat: repeat;
animation: bg-animation .2s infinite;
opacity: .9;
visibility: visible;
}
@keyframes bg-animation {
0% { transform: translate(0,0) }
10% { transform: translate(-5%,-5%) }
20% { transform: translate(-10%,5%) }
30% { transform: translate(5%,-10%) }
40% { transform: translate(-5%,15%) }
50% { transform: translate(-10%,5%) }
60% { transform: translate(15%,0) }
70% { transform: translate(0,10%) }
80% { transform: translate(-15%,0) }
90% { transform: translate(10%,5%) }
100% { transform: translate(5%,0) }
}
</style> </style>
<style> <style>
ul { ul {