CALCULATOR CSS FILE SOURCE CODE .container{ text-align: center; margin-top:23px } table{ margin: auto; } input{ border-radius: 21px; border: 5px solid #244624; font-size:34px; height: 65px; width: 456px; } button{ border-radius: 20px; font-size: 40px; background: #978fa0; width: 102px; height: 90px; margin: 6px; } .calculator{ border: 4px solid #13695d; background-color: #ff99f7; padding: 23px; border-radius: 53px; display: inline-block; } h1{ font-size: 28px; font-family: 'Courier New', Courier, monospace; } JAVASCRIPT FILE SOURCE CODE let screen = document.getElementById('screen'); buttons = document.querySelectorAll('button'); let screenValue = ''; for (item of bu...
Posts
SNAKE GAME CSS FILE CODE @import url('https://fonts.googleapis.com/css2?family=New+Tegomin&display=swap'); *{ padding: 0; margin: 0; } .body{ background: url("../img/bg.jpg"); min-height: 100vh; background-size: 100vw 100vh; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; } #scoreBox{ position: absolute; top: 9px; right: 200px; font-size: 39px; font-weight: bold; font-family: 'New Tegomin', serif; } #hiscoreBox{ position: absolute; top: 59px; right: 140px; font-size: 39px; font-weight: bold; font-family: 'New Tegomin', serif; } #board{ background: linear-gradient(rgb(170, 236, 170), rgb(236, 236, 167)); ...
ANALOG CLOCK CSS FILE CODE #clockContainer{ position: relative; margin: auto; height: 40vw; width: 40vw; background: url(clock.png) no-repeat; background-size: 100%; } #hour, #minute, #second{ position: absolute; background: black; border-radius: 10px; transform-origin: bottom; } #hour{ width: 1.8%; height: 25%; top: 25%; left: 48.85%; opacity: 0.8; } #minute{ width: 1.6%; height: 30%; top: 19%; left: 48.9%; opacity: 0.8; } #second{ width: 1%; height: 40%; top: 9%; left: 49.25%; opacity: 0.8; } JAVASCRIPT FILE CODE setInterval(() => { ...