mirror of
https://github.com/danbulant/arcade-machine
synced 2026-07-06 03:20:45 +00:00
Changed CSS to not be retarded
This commit is contained in:
parent
2484092870
commit
d3142329db
1 changed files with 16 additions and 82 deletions
98
ui/style.css
98
ui/style.css
|
|
@ -34,10 +34,26 @@ body {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 15px;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.move img {
|
||||||
|
content: "";
|
||||||
|
object-fit: cover;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.sex {
|
.sex {
|
||||||
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
@ -52,88 +68,6 @@ body {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#sdvx3-button {
|
|
||||||
position: relative;
|
|
||||||
border-radius: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sdvx3-button img {
|
|
||||||
content: "";
|
|
||||||
object-fit: cover;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 0;
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sdvx4-button {
|
|
||||||
position: relative;
|
|
||||||
border-radius: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sdvx4-button img {
|
|
||||||
content: "";
|
|
||||||
object-fit: cover;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 0;
|
|
||||||
border-radius: 15px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#sdvx6-button img {
|
|
||||||
content: "";
|
|
||||||
|
|
||||||
object-fit: cover;
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 0;
|
|
||||||
border-radius: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sdvx6-button {
|
|
||||||
position: relative;
|
|
||||||
border-radius: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sdvx5-button {
|
|
||||||
position: relative;
|
|
||||||
border-radius: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sdvx5-button img {
|
|
||||||
content: "";
|
|
||||||
object-fit: cover;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 0;
|
|
||||||
border-radius: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes blik {
|
@keyframes blik {
|
||||||
0% {
|
0% {
|
||||||
box-shadow: 0 0 0 3px rgba(255, 254, 254, 0);
|
box-shadow: 0 0 0 3px rgba(255, 254, 254, 0);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue