mirror of
https://codeberg.org/JasterV/MEMORY-CARD-GAME.git
synced 2026-04-26 18:20:03 +00:00
🦃😄 Checkpoint
./style.css:18108127/291
This commit is contained in:
parent
3ebad991d8
commit
56a4e13621
1 changed files with 14 additions and 2 deletions
16
style.css
16
style.css
|
|
@ -72,12 +72,19 @@ h2 {
|
|||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.2));
|
||||
filter: drop-shadow(0 4px 3px hsla(208, 80%, 50%, 0.3));
|
||||
}
|
||||
|
||||
.flipped-cell {
|
||||
background-image: url("https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fcard-back.svg?v=1596059407981") !important;
|
||||
animation: flip-out 500ms forwards;
|
||||
transition: 300ms ease-out;
|
||||
}
|
||||
|
||||
.flipped-cell:hover {
|
||||
position: relative;
|
||||
transform: translateY(-6px);
|
||||
|
||||
}
|
||||
|
||||
@keyframes flip-out {
|
||||
|
|
@ -300,7 +307,12 @@ strong {
|
|||
}
|
||||
|
||||
#user-scores h2 {
|
||||
margin-top: 18px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.user-scores {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue