mirror of
https://github.com/MrEidam/Black-Jack.git
synced 2025-12-29 17:06:11 +00:00
Added fake dealer card + Reshufle text
This commit is contained in:
36
style.css
36
style.css
@@ -28,6 +28,9 @@ img.card{ /* 726 : 500 */
|
||||
img.card:last-child{
|
||||
margin: 0;
|
||||
}
|
||||
.backCard{
|
||||
border-radius: 10px;
|
||||
}
|
||||
.cards{
|
||||
height: 200px;
|
||||
margin: .5rem 0;
|
||||
@@ -67,7 +70,7 @@ h2{
|
||||
@keyframes pop{
|
||||
0%{
|
||||
scale: 0.5;
|
||||
transform: translate(-100%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
100%{
|
||||
scale: 1;
|
||||
@@ -102,4 +105,33 @@ button#resetBTN{
|
||||
img.card{
|
||||
margin: 0 -6.5rem 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reshufl{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
background-color: #444;
|
||||
padding: 1rem 2rem 1.5rem 2rem;
|
||||
/*border-radius: 0 0 3rem 3rem;*/
|
||||
animation: downTop linear 2s;
|
||||
}
|
||||
|
||||
@keyframes downTop{
|
||||
0%{
|
||||
transform: translateY(-100%);
|
||||
border-radius: 3rem;
|
||||
}
|
||||
50%{
|
||||
transform: translateY(0%);
|
||||
border-radius: 0 0 3rem 3rem;
|
||||
}
|
||||
75%{
|
||||
transform: translateY(0%);
|
||||
border-radius: 0 0 3rem 3rem;
|
||||
}
|
||||
100%{
|
||||
transform: translateY(-100%);
|
||||
border-radius: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user