diff --git a/spin-wheel/bg-images/bg2.jpg b/spin-wheel/bg-images/bg2.jpg index c1323b6..56d225e 100644 Binary files a/spin-wheel/bg-images/bg2.jpg and b/spin-wheel/bg-images/bg2.jpg differ diff --git a/spin-wheel/index.html b/spin-wheel/index.html index ae6307f..0f98369 100644 --- a/spin-wheel/index.html +++ b/spin-wheel/index.html @@ -92,7 +92,7 @@ function draw() {
diff --git a/spin-wheel/style.css b/spin-wheel/style.css index 00299b7..94c198b 100644 --- a/spin-wheel/style.css +++ b/spin-wheel/style.css @@ -12,8 +12,8 @@ html { right: 0; bottom: 0; z-index: -1; /* Set a negative z-index to move the pseudo-element below the content */ - background: url(bg-images/bg3.jpg) no-repeat center center fixed; - background-size: 150%; + background: url(bg-images/bg2.jpg) no-repeat center center fixed; + background-size: 100%; /* Add animation properties */ -webkit-animation: spin 100s linear infinite; @@ -46,8 +46,8 @@ html { top: 0px; left: 0px; transform: translate(0%,0%); - width: 18vw; - filter: hue-rotate(380deg); + width: 12vw; + filter: hue-rotate(0deg); } .top-right-corner { @@ -55,8 +55,8 @@ html { top: 0px; right: 0px; transform: translate(0%,0%); - width: 14vw; - filter: hue-rotate(380deg); + width: 12vw; + filter: hue-rotate(0deg); } .bottom-left-corner { @@ -64,8 +64,8 @@ html { bottom: 0px; left: 0px; transform: translate(-16%,40%); - width: 31vw; - filter: hue-rotate(80deg); + width: 25vw; + filter: hue-rotate(-68deg); } .bottom-right-corner{ @@ -73,10 +73,15 @@ html { bottom: 0px; right: 0px; transform: translate(0%,30%); - width: 30vw; + width: 25vw; filter: hue-rotate(-68deg); } + .slide { + width: 350px; + margin: 3%; + } + #wheel{ text-align: center; filter: hue-rotate(0deg);