Skip to content

Commit

Permalink
Remove touch effect on page load.
Browse files Browse the repository at this point in the history 
It interferes with clicking the board/pices.
  • Loading branch information
@gary-z
gary-z committed Jan 8, 2024
1 parent 22a31da commit d2ae30f
Showing 1 changed file with 2 additions and 49 deletions.
51 changes: 2 additions & 49 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -138,45 +138,6 @@
#speed {
width: 50%;
}

.touch-circle {
position: absolute;
width: min(10vw, 10vh);
height: min(10vw, 10vh);
background-color: rgba(0, 123, 255, 0.378);
border-radius: 50%;
opacity: 0;
animation: touch-effect 2s 2;
}

.inner-circle {
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
background-color: rgba(0, 80, 200, 0.8);
border-radius: 50%;
opacity: 1;
}

@keyframes touch-effect {
0% {
transform: scale(1);
opacity: 0;
}

20% {
transform: scale(1.5);
opacity: 0.5;
}

100% {
transform: scale(3);
opacity: 0;
}
}

</style>
<meta property="og:description"
content="Test your skills against an AI in Blockudoku/Woodoku/Block Sudoku ! Try to sabotage the computer's perfect gameplay by altering the board or pieces. Learn, be inspired, or vent your frustration." />
Expand Down Expand Up @@ -250,11 +211,7 @@
<td></td>
<td></td>
<td></td>
<td>
<div class="touch-circle">
<div class="inner-circle"></div>
</div>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
Expand Down Expand Up @@ -355,11 +312,7 @@
</tr>
<tr>
<td></td>
<td>
<div class="touch-circle">
<div class="inner-circle"></div>
</div>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
Expand Down

0 comments on commit d2ae30f

Please sign in to comment.