Octavia/odin-rock-paper-scissors
Watch
1
0
Fork
You've already forked odin-rock-paper-scissors
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add background images to buttons

Browse source
This commit is contained in:
lolabird 2023-12-31 16:02:51 -07:00
commit b5f29e21c7
1 changed files with 22 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

22
style.css
View file

@ -32,10 +32,32 @@ main {
.button { .button {
width: 200px; width: 200px;
height: 200px;
margin: 5px; margin: 5px;
font-size: 30px; font-size: 30px;
} }
#rock {
background-image: url("./images/rocks-576653_640.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
#paper {
background-image: url("./images/certificate-154169_640.png");
background-size: contain;
background-repeat: no-repeat;
background-position-x: center;
}
#scissors {
background-image: url("./images/school-1555907_640.png");
background-size: contain;
background-repeat: no-repeat;
background-position-x: center;
}
.score { .score {
display: flex; display: flex;
justify-content: center; justify-content: center;