EB Games Guy Crawl Up the page.
This commit is contained in:
parent
9db5f093cc
commit
0c0628c329
4 changed files with 103 additions and 41 deletions
BIN
ebgames_2002_files/ebgamesguy.png
Normal file
BIN
ebgames_2002_files/ebgamesguy.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 172 KiB |
50
index.css
50
index.css
|
@ -26,6 +26,56 @@
|
||||||
animation-duration: 180s;
|
animation-duration: 180s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#ebgamesguy {
|
||||||
|
position: sticky;
|
||||||
|
bottom: -9rem;
|
||||||
|
right: 5rem;
|
||||||
|
float: right;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
animation: crawl-up 14s linear 0s 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes crawl-up {
|
||||||
|
0% {
|
||||||
|
bottom: -34rem;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
bottom: -34rem;
|
||||||
|
}
|
||||||
|
51% {
|
||||||
|
bottom: -32rem;
|
||||||
|
}
|
||||||
|
54% {
|
||||||
|
bottom: -30rem;
|
||||||
|
}
|
||||||
|
62% {
|
||||||
|
bottom: -29rem;
|
||||||
|
}
|
||||||
|
65% {
|
||||||
|
bottom: -27rem;
|
||||||
|
}
|
||||||
|
76% {
|
||||||
|
bottom: -21rem;
|
||||||
|
}
|
||||||
|
77% {
|
||||||
|
bottom: -20rem;
|
||||||
|
}
|
||||||
|
84% {
|
||||||
|
bottom: -16rem;
|
||||||
|
}
|
||||||
|
89% {
|
||||||
|
bottom: -13rem;
|
||||||
|
}
|
||||||
|
96% {
|
||||||
|
bottom: -12rem;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
bottom: -9rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes grow {
|
@keyframes grow {
|
||||||
0% {
|
0% {
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
|
|
69
index.html
69
index.html
|
@ -3,6 +3,7 @@
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
|
<script src="index.js"></script>
|
||||||
<link rel="stylesheet" href="index.css" type="text/css">
|
<link rel="stylesheet" href="index.css" type="text/css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
@ -135,8 +136,8 @@
|
||||||
<div class="navSm"><a href="#" target="_top">Privacy Statement</a></div>
|
<div class="navSm"><a href="#" target="_top">Privacy Statement</a></div>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
<a href="#"><img src="ebgames_2002_files/seal.gif" width="67" height="70" border="0" id="secure-site"
|
<a href="#"><img src="ebgames_2002_files/seal.gif" width="67" height="70" border="0"
|
||||||
alt="Pikmin"></a><br><br>
|
id="secure-site" alt="Pikmin"></a><br><br>
|
||||||
</center>
|
</center>
|
||||||
</td>
|
</td>
|
||||||
<td width="10" bgcolor="#336699"><img src="ebgames_2002_files/spRow_336699.gif" width="10"
|
<td width="10" bgcolor="#336699"><img src="ebgames_2002_files/spRow_336699.gif" width="10"
|
||||||
|
@ -147,8 +148,8 @@
|
||||||
<table width="460" border="0" cellspacing="0" cellpadding="0">
|
<table width="460" border="0" cellspacing="0" cellpadding="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td rowspan="2" valign="BOTTOM"><a href="#"><img
|
<td rowspan="2" valign="BOTTOM"><a href="#"><img
|
||||||
src="ebgames_2002_files/184256m-0222-CCRen-top.jpg" width="188" height="100" class="rotate-clockwise"
|
src="ebgames_2002_files/184256m-0222-CCRen-top.jpg" width="188" height="100"
|
||||||
border="0"></a></td>
|
class="rotate-clockwise" border="0"></a></td>
|
||||||
<td width="272">
|
<td width="272">
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<font size="2" face="Arial, Helvetica"><b>C&C;: Renegade</font></b></font>
|
<font size="2" face="Arial, Helvetica"><b>C&C;: Renegade</font></b></font>
|
||||||
|
@ -250,8 +251,9 @@
|
||||||
Edition</a> - $59.99</font>
|
Edition</a> - $59.99</font>
|
||||||
</td>
|
</td>
|
||||||
<td width="120">
|
<td width="120">
|
||||||
<img src="ebgames_2002_files/214819m-120x135.jpg" width="120" class="rotate-counter-clockwise"
|
<img src="ebgames_2002_files/214819m-120x135.jpg" width="120"
|
||||||
height="150" border="0" lowsrc="/ebx_assets/images/loading.gif">
|
class="rotate-counter-clockwise" height="150" border="0"
|
||||||
|
lowsrc="/ebx_assets/images/loading.gif">
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
@ -259,8 +261,9 @@
|
||||||
<table width="270" border="0" cellspacing="0" cellpadding="1">
|
<table width="270" border="0" cellspacing="0" cellpadding="1">
|
||||||
<tr>
|
<tr>
|
||||||
<td width="120">
|
<td width="120">
|
||||||
<a href="#"><img src="ebgames_2002_files/215082m-120x150-art.jpg" class="rotate-clockwise"
|
<a href="#"><img src="ebgames_2002_files/215082m-120x150-art.jpg"
|
||||||
width="120" height="150" border="0"></a></td>
|
class="rotate-clockwise" width="120" height="150"
|
||||||
|
border="0"></a></td>
|
||||||
<td width="100%">
|
<td width="100%">
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<font size="2" face="Arial, Helvetica"><b>All-Star Baseball
|
<font size="2" face="Arial, Helvetica"><b>All-Star Baseball
|
||||||
|
@ -299,16 +302,17 @@
|
||||||
</td>
|
</td>
|
||||||
<td width="100">
|
<td width="100">
|
||||||
<a href="#"><img
|
<a href="#"><img
|
||||||
src="ebgames_2002_files/205960m-0111-StateEmerg.jpg" class="rotate-counter-clockwise"
|
src="ebgames_2002_files/205960m-0111-StateEmerg.jpg"
|
||||||
width="120" height="150" border="0"></a></td>
|
class="rotate-counter-clockwise" width="120" height="150"
|
||||||
|
border="0"></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table> |