diff --git a/ebgames_2002_files/ebgamesguy.png b/ebgames_2002_files/ebgamesguy.png new file mode 100644 index 0000000..84d4a0c Binary files /dev/null and b/ebgames_2002_files/ebgamesguy.png differ diff --git a/index.css b/index.css index 70c7311..3319009 100644 --- a/index.css +++ b/index.css @@ -20,19 +20,69 @@ } #geforce { - animation-name: grow; - animation-timing-function: cubic-bezier(1, 0, 0.33, 1); - animation-iteration-count: infinite; - animation-duration: 180s; + animation-name: grow; + animation-timing-function: cubic-bezier(1, 0, 0.33, 1); + animation-iteration-count: infinite; + 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 { - 0% { - transform: scale(1); - } - 100% { - transform: scale(5); - } + 0% { + transform: scale(1); + } + 100% { + transform: scale(5); + } } @keyframes grow-shrink { diff --git a/index.html b/index.html index 88fb345..47d2ca9 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@
+ @@ -135,8 +136,8 @@
- ![]() |
+ All-Star Baseball @@ -299,16 +302,17 @@ |
![]() |
+ src="ebgames_2002_files/205960m-0111-StateEmerg.jpg"
+ class="rotate-counter-clockwise" width="120" height="150"
+ border="0">