diff options
author | Rasmus Luha <rasmus.luha@gmail.com> | 2022-09-17 01:02:22 +0300 |
---|---|---|
committer | Rasmus Luha <rasmus.luha@gmail.com> | 2022-09-17 01:02:22 +0300 |
commit | 40d015a15bee7d0a51c28e20c29ff7045419b8f5 (patch) | |
tree | 2b37201e25502a71a13fb28f239d67f3c80573bc /rannak/mangud/perenaine/memory/style.css | |
parent | 20862b43316d6494bccfde391d0a426b9b015480 (diff) |
mangud showcase
Diffstat (limited to 'rannak/mangud/perenaine/memory/style.css')
-rw-r--r-- | rannak/mangud/perenaine/memory/style.css | 75 |
1 files changed, 0 insertions, 75 deletions
diff --git a/rannak/mangud/perenaine/memory/style.css b/rannak/mangud/perenaine/memory/style.css deleted file mode 100644 index 600f91d..0000000 --- a/rannak/mangud/perenaine/memory/style.css +++ /dev/null @@ -1,75 +0,0 @@ -* { - padding: 0; - margin: 0; - box-sizing: border-box; -} - -body { - height: 100vh; - display: flex; - background: #284F8F !important; -} - -.memory-game { - width: 640px; - height: 640px; - margin: auto; - display: flex; - flex-wrap: wrap; - perspective: 1000px; -} - -.memory-card { - width: calc(20% - 10px); - height: calc(25% - 10px); - margin: 5px; - position: relative; - transform: scale(1); - transform-style: preserve-3d; - transition: transform .5s; - box-shadow: 1px 1px 1px rgba(0,0,0,.3); -} - -.memory-card:active { - transform: scale(0.97); - transition: transform .2s; -} - -.memory-card.flip { - transform: rotateY(180deg); -} - -.front-face, -.back-face { - width: 100%; - height: 100%; - padding: 20px; - position: absolute; - border-radius: 5px; - background: #F1F5FF; - backface-visibility: hidden; -} - -.front-face { - transform: rotateY(180deg); -} - -/* Side stuff */ - -.left, .right{ - width: calc((100vw - 640px) / 2) !important; - position: relative; -} - -.left-text{ - text-align: center; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - -.left-text h1{ - font-weight: bold; - padding-bottom: 5px; -} |