From b5f29e21c797b591d05d6b32f84dc892fbdec98f Mon Sep 17 00:00:00 2001 From: lolabird Date: Sun, 31 Dec 2023 16:02:51 -0700 Subject: [PATCH] Add background images to buttons --- style.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/style.css b/style.css index 54aa16e..9b16de1 100644 --- a/style.css +++ b/style.css @@ -32,10 +32,32 @@ main { .button { width: 200px; + height: 200px; margin: 5px; 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 { display: flex; justify-content: center;