wow
This commit is contained in:
parent
794dce869c
commit
87faa363b9
5 changed files with 434 additions and 246 deletions
|
|
@ -32,3 +32,37 @@ canvas {
|
|||
text-transform: uppercase;
|
||||
place-items: center;
|
||||
}
|
||||
|
||||
.flip-control {
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
right: 50%;
|
||||
bottom: 28px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 11px 16px;
|
||||
border: 1px solid #ffffff2b;
|
||||
border-radius: 999px;
|
||||
color: #d7d7d7;
|
||||
background: #0b0b0be6;
|
||||
box-shadow: 0 10px 30px #0008;
|
||||
font: 500 11px monospace;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
transform: translateX(50%);
|
||||
transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
|
||||
}
|
||||
|
||||
.flip-control:hover,
|
||||
.flip-control:focus-visible {
|
||||
border-color: #ffffff70;
|
||||
color: #fff;
|
||||
background: #151515f2;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.flip-control span {
|
||||
font: 17px Arial, sans-serif;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue