Henry-Hiles/FlappyBird
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Changed styling

Browse source
This commit is contained in:
Henry Hiles 2022-02-28 10:06:29 -05:00
commit 00b9bca8bb
5 changed files with 45 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
images/bottomPipe.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 7 KiB

BIN
images/flappyComputer1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
images/pipe.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
images/topPipe.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.7 KiB

8
styles.css
View file

@ -58,18 +58,18 @@ body {
.pipe > .segment { .pipe > .segment {
position: absolute; position: absolute;
width: 100%; width: 100%;
background-size: 100% 600px; background-size: 100% 1200px;
} }
.pipe > .top { .pipe > .top {
top: 0; top: 0;
bottom: calc(var(--hole-top) * 1px); bottom: calc(var(--hole-top) * 1px);
background-image: url(images/topPipe.png); background-image: url(images/pipe.png);
background-position: bottom; transform: scaleY(-1);
} }
.pipe > .bottom { .pipe > .bottom {
bottom: 0; bottom: 0;
top: calc(100vh - (var(--hole-top) * 1px) + calc(var(--hole-height) * 1px)); top: calc(100vh - (var(--hole-top) * 1px) + calc(var(--hole-height) * 1px));
background-image: url(images/bottomPipe.png); background-image: url(images/pipe.png);
} }