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 ...
Ana Sayfa » Arşiv Mayıs 2023
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: ...
#hanoi-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 400px; background-color: #f0f0f0; } #game-container { display: flex; justify-content: space-around; width: 80%; } .tower { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 30%; height: 300px; border: 2px solid #333; background-color: ...
