/* 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 ...
Ana Sayfa » Arşiv Ağustos 2023
İ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 ...
