Hanoi Kuleleri Oyunu Yeniden Başlat .towers { display: flex; justify-content: center; gap: 20px; margin-top: 20px; } .tower { width: 10px; height: 150px; background-color: #333; position: relative; border-radius: 5px; } .disk { height: ...
Hanoi Kuleleri body { font-family: Arial, sans-serif; text-align: center; margin: 0; padding: 0; background-color: #f4f4f4; } .container { margin-top: 50px; } #towers { display: flex; justify-content: space-around; margin-top: 20px; } .tower { width: 100px; height: 300px; background-color: ...
/* Controls/Logic */ label, input { position: absolute; top: -10vmin; margin: 0; border: 0; padding: 0; width: 30vmin; height: 52.5vmin; cursor: pointer; opacity: 0; pointer-events: none; -webkit-tap-highlight-color: transparent; } input:nth-child(6n + 2), input:checked + input + input + label { left: 0; } input:nth-child(6n + 3), input:checked + input + label { left: 30vmin; } input:nth-child(6n + 4), input:checked + label { left: 60vmin; } label, input:hover, input[readonly]:focus ...
İhtiyacınıza Göre Başlık body{ font-family:sans-serif; font-size:15px; } .container{ position:relative; width:75%; min-width:630px; float:left; } .torre{ width:calc(33%); float:left; text-align:center; height:400px; border: 1px solid white; overflow:hidden; } .torre span{ display:block; position: relative; height: 100%; width:20px; top:100px; border-radius:10px; left:calc(50% - 10px); background:#A64B00; } .disco{ height:30px; ...
/* Controls/Logic */ label, input { position: absolute; top: -10vmin; margin: 0; border: 0; padding: 0; width: 30vmin; height: 52.5vmin; cursor: pointer; opacity: 0; pointer-events: none; -webkit-tap-highlight-color: transparent; } input:nth-child(6n + 2), input:checked + input + input + label { left: 0; } input:nth-child(6n + 3), input:checked + input + label { left: 30vmin; } input:nth-child(6n + 4), input:checked + label { left: 60vmin; } label, input:hover, input[readonly]:focus ...
Towers of Hanoi body { margin: 0; padding: 0; background-color: #ffffff; } .tower { width: 200px; height: 200px; border: 1px solid black; margin: 10px; } .disc { width: 50px; height: 50px; background-color: #000000; border-radius: 5px; float: left; } .disc:nth-child(1) { margin-top: 10px; } .disc:nth-child(2) { margin-top: 20px; } .disc:nth-child(3) { margin-top: 30px; } .disc:nth-child(4) { margin-top: 40px; } .disc:nth-child(5) { margin-top: 50px; } .disc:hover ...
Hanoi Kuleleri .tower { width: 200px; height: 300px; border:2px solid black; display: inline-block; margin: 20px; position: relative; } .disk { position: absolute; bottom: 0; width: 100%; height: 30px; background-color: #FF5733; border-radius: 5px; text-align: center; color: white; font-size: 20px; line-height: 30px; font-family: Arial, sans-serif; cursor: pointer; } .hidden { display: none; } Tekrar Oyna // diskleri oluştur var disks = [ {size: ...
